Add jotai provider for nextjs

https://jotai.org/docs/guides/nextjs#provider
rmarscher · May 12, 2024 · bd7a8c9 · bd7a8c9
1 parent e900cf8
commit bd7a8c9
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 21 deletions.
diff --git a/apps/next/app/ssr/screen.tsx b/apps/next/app/ssr/screen.tsx
@@ -5,9 +5,7 @@ import { Paragraph, YStack } from '@t4/ui'
 export function SSRTestScreen(props: { content: string }) {
   return (
     <YStack flex={1}>
-      <Paragraph role='heading'>
-        {props.content}
-      </Paragraph>
+      <Paragraph role='heading'>{props.content}</Paragraph>
     </YStack>
   )
 }
diff --git a/packages/api/src/auth/index.ts b/packages/api/src/auth/index.ts
@@ -69,7 +69,7 @@ export const getAuthOptions = (appUrl: string, apiUrl: string) => {
     // experimental: {
     //   debugMode: true,
     // },
-  })
+  }
 }
 
 declare module 'lucia' {

diff --git a/packages/app/provider/index.tsx b/packages/app/provider/index.tsx
@@ -9,6 +9,7 @@ import { ToastViewport } from './toast-viewport'
 import { TRPCProvider } from './trpc'
 import { Session } from 'app/utils/auth'
 import { LuciaAuthProvider as AuthProvider } from './auth'
+import { Provider as JotaiProvider } from 'jotai'
 
 export function Provider({
   children,
@@ -18,22 +19,24 @@ export function Provider({
   initialSession: Session | null
 }) {
   return (
-    <TamaguiThemeProvider>
-      <SafeAreaProvider>
-        <SolitoImageProvider>
-          <ToastProvider swipeDirection='horizontal' duration={6000} native={['mobile']}>
-            <TRPCProvider>
-              <AuthProvider initialSession={initialSession}>
-                <TamaguiProvider>
-                  {children}
-                  <CustomToast />
-                  <ToastViewport />
-                </TamaguiProvider>
-              </AuthProvider>
-            </TRPCProvider>
-          </ToastProvider>
-        </SolitoImageProvider>
-      </SafeAreaProvider>
-    </TamaguiThemeProvider>
+    <JotaiProvider>
+      <TamaguiThemeProvider>
+        <SafeAreaProvider>
+          <SolitoImageProvider>
+            <ToastProvider swipeDirection='horizontal' duration={6000} native={['mobile']}>
+              <TRPCProvider>
+                <AuthProvider initialSession={initialSession}>
+                  <TamaguiProvider>
+                    {children}
+                    <CustomToast />
+                    <ToastViewport />
+                  </TamaguiProvider>
+                </AuthProvider>
+              </TRPCProvider>
+            </ToastProvider>
+          </SolitoImageProvider>
+        </SafeAreaProvider>
+      </TamaguiThemeProvider>
+    </JotaiProvider>
   )
 }
-Original file line number
+Diff line change
@@ Expand Up @@
         // experimental: {
         //   debugMode: true,
         // },
-      })
+      }
     }
     declare module 'lucia' {
@@ Expand Down @@