adding ClerkLoaded to the layout

clerk · Jun 25, 2024 · 86386f7 · 86386f7
1 parent a7ccf9e
commit 86386f7
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/app/_layout.tsx b/app/_layout.tsx
@@ -2,7 +2,7 @@ import { useFonts } from "expo-font";
 import { Slot } from "expo-router";
 import * as SplashScreen from "expo-splash-screen";
 import { useEffect } from "react";
-import { ClerkProvider } from "@clerk/clerk-expo";
+import { ClerkLoaded, ClerkProvider } from "@clerk/clerk-expo";
 import { tokenCache } from "@/cache";
 
 // Prevent the splash screen from auto-hiding before asset loading is complete.
@@ -33,7 +33,9 @@ export default function RootLayout() {
 
   return (
     <ClerkProvider tokenCache={tokenCache} publishableKey={publishableKey}>
-      <Slot />
+      <ClerkLoaded>
+        <Slot />
+      </ClerkLoaded>
     </ClerkProvider>
   );
 }