diff --git a/apps/tlon-web-new/src/app.tsx b/apps/tlon-web-new/src/app.tsx
index c2e2f702ea..41cd019b98 100644
--- a/apps/tlon-web-new/src/app.tsx
+++ b/apps/tlon-web-new/src/app.tsx
@@ -18,7 +18,7 @@ import { Provider as TamaguiProvider } from '@tloncorp/app/provider';
 import { AppDataProvider } from '@tloncorp/app/provider/AppDataProvider';
 import { sync } from '@tloncorp/shared';
 import * as store from '@tloncorp/shared/store';
-import { LoadingSpinner, View } from '@tloncorp/ui';
+import { LoadingSpinner, StoreProvider, View } from '@tloncorp/ui';
 import cookies from 'browser-cookies';
 import { usePostHog } from 'posthog-js/react';
 import React, { PropsWithChildren, useEffect, useState } from 'react';
@@ -184,18 +184,20 @@ const App = React.memo(function AppComponent() {
       <MigrationCheck>
         <SafeAreaProvider>
           <TamaguiProvider defaultTheme={isDarkMode ? 'dark' : 'light'}>
-            {dbIsLoaded ? (
-              <AppRoutes isLoaded={dbIsLoaded} />
-            ) : (
-              <View
-                height="100%"
-                width="100%"
-                justifyContent="center"
-                alignItems="center"
-              >
-                <LoadingSpinner />
-              </View>
-            )}
+            <StoreProvider>
+              {dbIsLoaded ? (
+                <AppRoutes isLoaded={dbIsLoaded} />
+              ) : (
+                <View
+                  height="100%"
+                  width="100%"
+                  justifyContent="center"
+                  alignItems="center"
+                >
+                  <LoadingSpinner />
+                </View>
+              )}
+            </StoreProvider>
           </TamaguiProvider>
         </SafeAreaProvider>
       </MigrationCheck>