fix: Extract tRPC provider from Providers

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

Hide file tree

Showing 2 changed files with 9 additions and 7 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
@@ -7,7 +7,6 @@ import { useTranslation } from 'react-i18next';
 import '@/lib/dayjs/config';
 import '@/lib/i18n/client';
 import { AVAILABLE_LANGUAGES } from '@/lib/i18n/constants';
-import { TrpcProvider } from '@/lib/trpc/TrpcProvider';
 import theme, { COLOR_MODE_STORAGE_KEY } from '@/theme';
 
 const localStorageManager = createLocalStorageManager(COLOR_MODE_STORAGE_KEY);
@@ -28,7 +27,7 @@ export const Providers: FC<React.PropsWithChildren<unknown>> = ({
             'ltr',
         }}
       >
-        <TrpcProvider>{children}</TrpcProvider>
+        {children}
       </ChakraProvider>
     </CacheProvider>
   );