Correctly configure the tRPC query client

enricoros · Jun 30, 2023 · 25aea07 · 25aea07 · vercel · Jun 30, 2023
1 parent 7730684
commit 25aea07
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -21,7 +21,16 @@ export interface MyAppProps extends AppProps {
 }
 
 function MyApp({ Component, emotionCache = clientSideEmotionCache, pageProps }: MyAppProps) {
-  const [queryClient] = React.useState(() => new QueryClient());
+  const [queryClient] = React.useState(() => new QueryClient({
+    defaultOptions: {
+      queries: {
+        retry: false,
+      },
+      mutations: {
+        retry: false,
+      },
+    },
+  }));
   return <>
     <CacheProvider value={emotionCache}>
       <Head>

diff --git a/src/modules/trpc/trpc.client.ts b/src/modules/trpc/trpc.client.ts
@@ -43,15 +43,6 @@ export const apiQuery = createTRPCNext<AppRouter>({
           url: `${getBaseUrl()}/api/trpc`,
         }),
       ],
-
-      // change options globally
-      queryClientConfig: {
-        defaultOptions: {
-          queries: {
-            retry: false, // TODO: enable retries in production?
-          },
-        },
-      },
     };
   },
   /**