common retry function

lib/hooks/useFetchProfileInfo.tsx

@@ -18,13 +18,5 @@ export default function useFetchProfileInfo() {
     return fetch('/api/account/profile');
   }, {
     refetchOnMount: false,
-    retry: (failureCount, error) => {
-      if (error?.error?.status === 401) {
-        // for unauthorized users don't do retry
-        return false;
-      }
-
-      return failureCount < 2;
-    },
   });
 }

pages/_app.tsx

@@ -4,6 +4,7 @@ import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import type { AppProps } from 'next/app';
 import React, { useState } from 'react';
 
+import type { ErrorType } from 'lib/hooks/useFetch';
 import theme from 'theme';
 
 function MyApp({ Component, pageProps }: AppProps) {
@@ -11,6 +12,15 @@ function MyApp({ Component, pageProps }: AppProps) {
     defaultOptions: {
       queries: {
         refetchOnWindowFocus: false,
+        retry: (failureCount, _error) => {
+          const error = _error as ErrorType<{ status: number }>;
+          if (error?.error?.status === 401) {
+            // for unauthorized users don't do retry
+            return false;
+          }
+
+          return failureCount < 2;
+        },
       },
     },
   }));