fix: Extract tRPC provider from Providers

BearStudio · Oct 5, 2023 · 72de0ab · 72de0ab · vercel · Oct 5, 2023
1 parent 1616c49
commit 72de0ab
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/app/Document.tsx b/src/app/Document.tsx
@@ -10,6 +10,7 @@ import { Viewport } from '@/components/Viewport';
 import { EnvDevHint } from '@/layout/EnvDevHint';
 import i18n from '@/lib/i18n/client';
 import { AVAILABLE_LANGUAGES } from '@/lib/i18n/constants';
+import { TrpcProvider } from '@/lib/trpc/TrpcProvider';
 import theme, { COLOR_MODE_STORAGE_KEY } from '@/theme';
 
 export const Document = ({ children }: { children: ReactNode }) => {
@@ -68,11 +69,13 @@ export const Document = ({ children }: { children: ReactNode }) => {
           storageKey={COLOR_MODE_STORAGE_KEY}
         />
 
-        <Providers>
-          <Viewport>{children}</Viewport>
-          <EnvDevHint />
-          <ReactQueryDevtools initialIsOpen={false} />
-        </Providers>
+        <TrpcProvider>
+          <Providers>
+            <Viewport>{children}</Viewport>
+            <EnvDevHint />
+            <ReactQueryDevtools initialIsOpen={false} />
+          </Providers>
+        </TrpcProvider>
       </body>
     </html>
   );

diff --git a/src/app/Providers.tsx b/src/app/Providers.tsx
@@ -28,7 +28,7 @@ export const Providers: FC<React.PropsWithChildren<unknown>> = ({
             'ltr',
         }}
       >
-        <TrpcProvider>{children}</TrpcProvider>
+        {children}
       </ChakraProvider>
     </CacheProvider>
   );