Trying to fix some whack ass bugs

apps/expo/package.json

@@ -16,15 +16,15 @@
     "@react-navigation/elements": "^2.6.4",
     "@react-navigation/native": "^7.1.17",
     "@sentry/react-native": "^7.0.1",
-    "expo": "~54.0.7",
+    "expo": "~54.0.8",
     "expo-apple-authentication": "~8.0.7",
-    "expo-constants": "~18.0.8",
+    "expo-constants": "~18.0.9",
     "expo-font": "~14.0.8",
     "expo-haptics": "~15.0.7",
     "expo-image": "~3.0.8",
     "expo-linking": "~8.0.8",
     "expo-location": "~19.0.7",
-    "expo-router": "~6.0.4",
+    "expo-router": "~6.0.6",
     "expo-secure-store": "~15.0.7",
     "expo-splash-screen": "~31.0.10",
     "expo-status-bar": "~3.0.8",

apps/expo/src/app/_layout.tsx

@@ -27,16 +27,18 @@ const RootLayout = () => {
   const colorScheme = useColorScheme();
 
   return (
-    <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
-      <Stack>
-        <Stack.Screen name='(tabs)' options={{ headerShown: false }} />
-        <Stack.Screen
-          name='modal'
-          options={{ presentation: 'modal', title: 'Modal' }}
-        />
-      </Stack>
-      <StatusBar style='auto' />
-    </ThemeProvider>
+    <ConvexProvider client={convex}>
+      <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
+        <Stack>
+          <Stack.Screen name='(tabs)' options={{ headerShown: false }} />
+          <Stack.Screen
+            name='modal'
+            options={{ presentation: 'modal', title: 'Modal' }}
+          />
+        </Stack>
+        <StatusBar style='auto' />
+      </ThemeProvider>
+    </ConvexProvider>
   );
 };
 export default Sentry.wrap(RootLayout);

apps/next/package.json

@@ -44,12 +44,12 @@
     "tailwind-merge": "^3.3.1",
     "typescript-eslint": "^8.44.0",
     "vaul": "^1.1.2",
-    "zod": "^4.1.8"
+    "zod": "^4.1.9"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
     "@tailwindcss/postcss": "^4.1.13",
-    "@types/node": "^20.19.15",
+    "@types/node": "^20.19.16",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
     "dotenv": "^16.6.1",

apps/next/src/app/layout.tsx

@@ -51,7 +51,7 @@ const RootLayout = async ({
                   {children}
                   <NotificationsPermission />
                   <LunchReminder />
-                  <Toaster richColors />
+                  <Toaster />
                 </TVModeProvider>
               </ConvexClientProvider>
             </ThemeProvider>

apps/next/src/components/providers/lunch-reminder.tsx

@@ -21,6 +21,7 @@ export const LunchReminder = () => {
 
   useEffect(() => {
     const schedule = () => {
+      if (!lunchTime) return;
       const ms = nextOccurrenceMs(lunchTime);
       console.log('Ms = ', ms)
       if (timeoutRef.current) clearTimeout(timeoutRef.current);