Add jotai provider for nextjs

https://jotai.org/docs/guides/nextjs#provider
rmarscher · Jan 6, 2024 · 8e8fbfe · 8e8fbfe
1 parent f701007
commit 8e8fbfe
Showing 1 changed file with 18 additions and 15 deletions.
diff --git a/packages/app/provider/index.tsx b/packages/app/provider/index.tsx
@@ -7,6 +7,7 @@ import { TamaguiProvider } from './tamagui'
 import { TamaguiThemeProvider } from './theme'
 import { ToastViewport } from './toast-viewport'
 import { TRPCProvider } from './trpc'
+import { Provider as JotaiProvider } from 'jotai'
 
 export function Provider({
   children,
@@ -16,20 +17,22 @@ export function Provider({
   initialSession: Session | null
 }) {
   return (
-    <TamaguiThemeProvider>
-      <TamaguiProvider>
-        <SafeAreaProvider>
-          <SolitoImageProvider>
-            <ToastProvider swipeDirection='horizontal' duration={6000} native={['mobile']}>
-              <AuthProvider initialSession={initialSession}>
-                <TRPCProvider>{children}</TRPCProvider>
-                <CustomToast />
-                <ToastViewport />
-              </AuthProvider>
-            </ToastProvider>
-          </SolitoImageProvider>
-        </SafeAreaProvider>
-      </TamaguiProvider>
-    </TamaguiThemeProvider>
+    <JotaiProvider>
+      <TamaguiThemeProvider>
+        <TamaguiProvider>
+          <SafeAreaProvider>
+            <SolitoImageProvider>
+              <ToastProvider swipeDirection='horizontal' duration={6000} native={['mobile']}>
+                <AuthProvider initialSession={initialSession}>
+                  <TRPCProvider>{children}</TRPCProvider>
+                  <CustomToast />
+                  <ToastViewport />
+                </AuthProvider>
+              </ToastProvider>
+            </SolitoImageProvider>
+          </SafeAreaProvider>
+        </TamaguiProvider>
+      </TamaguiThemeProvider>
+    </JotaiProvider>
   )
 }