fix block and tx page errors

ui/block/BlockDetails.tsx

@@ -31,7 +31,7 @@ const BlockDetails = () => {
   const [ isExpanded, setIsExpanded ] = React.useState(false);
   const router = useRouter();
 
-  const { data, isLoading, isError, error } = useApiQuery<'block', { status: number }>('block', {
+  const { data, isLoading, isError, error } = useApiQuery('block', {
     pathParams: { id: router.query.id?.toString() },
     queryOptions: { enabled: Boolean(router.query.id) },
   });
@@ -59,11 +59,11 @@ const BlockDetails = () => {
   }
 
   if (isError) {
-    if (error?.payload?.status === 404) {
-      return <span>This block has not been processed yet.</span>;
+    if (error?.status === 404) {
+      throw Error('Block not found', { cause: error as unknown as Error });
     }
 
-    if (error?.payload?.status === 422) {
+    if (error?.status === 422) {
       throw Error('Invalid block number', { cause: error as unknown as Error });
     }
 

ui/shared/Page/Page.tsx

@@ -52,7 +52,7 @@ const Page = ({
 
   const renderErrorScreen = React.useCallback((error?: Error) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const statusCode = (error?.cause as any)?.error?.status || 500;
+    const statusCode = (error?.cause as any)?.status || 500;
     const isInvalidTxHash = error?.message.includes('Invalid tx hash');
 
     if (wrapChildren) {

ui/tx/TxDetails.tsx

@@ -68,12 +68,12 @@ const TxDetails = () => {
   }
 
   if (isError) {
-    if (error?.payload?.status === 422) {
+    if (error?.status === 422) {
       throw Error('Invalid tx hash', { cause: error as unknown as Error });
     }
 
-    if (error?.payload?.status === 404) {
-      throw Error('Tx fetch failed', { cause: error as unknown as Error });
+    if (error?.status === 404) {
+      throw Error('Tx not found', { cause: error as unknown as Error });
     }
 
     return <DataFetchAlert/>;