chore: update expo deps + fix type errors

Author: mrzachnugent

apps/showcase/app/(tabs)/components/_layout.tsx

@@ -3,14 +3,10 @@ import type {
   MaterialTopTabNavigationOptions,
 } from '@react-navigation/material-top-tabs';
 import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
-import {
-  useTheme,
-  type ParamListBase,
-  type TabNavigationState,
-} from '@react-navigation/native';
+import { useTheme, type ParamListBase, type TabNavigationState } from '@react-navigation/native';
 import { Stack, withLayoutContext } from 'expo-router';
+import React from 'react';
 import { useWindowDimensions } from 'react-native';
-
 const { Navigator } = createMaterialTopTabNavigator();
 
 const MaterialTopTabs = withLayoutContext<
@@ -24,9 +20,10 @@ export default function MaterialTopTabsLayout() {
   const { colors } = useTheme();
   const { width } = useWindowDimensions();
   return (
-    <>
+    <React.Fragment>
       <Stack.Screen options={{ headerShadowVisible: false }} />
       <MaterialTopTabs
+        id={undefined}
         initialRouteName='index'
         screenOptions={{
           tabBarActiveTintColor: colors.text,
@@ -56,6 +53,6 @@ export default function MaterialTopTabsLayout() {
           }}
         />
       </MaterialTopTabs>
-    </>
+    </React.Fragment>
   );
 }

apps/showcase/app/material-top-tabs/_layout.tsx

@@ -3,11 +3,7 @@ import type {
   MaterialTopTabNavigationOptions,
 } from '@react-navigation/material-top-tabs';
 import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
-import {
-  useTheme,
-  type ParamListBase,
-  type TabNavigationState,
-} from '@react-navigation/native';
+import { useTheme, type ParamListBase, type TabNavigationState } from '@react-navigation/native';
 import { withLayoutContext } from 'expo-router';
 
 const { Navigator } = createMaterialTopTabNavigator();
@@ -23,6 +19,7 @@ export default function MaterialTopTabsLayout() {
   const { colors } = useTheme();
   return (
     <MaterialTopTabs
+      id={undefined}
       initialRouteName='index'
       screenOptions={{
         tabBarActiveTintColor: colors.text,

apps/showcase/app/navigation-menu.tsx

@@ -1,4 +1,4 @@
-import { TextRef } from '@rn-primitives/types';
+import type { ViewRef } from '@rn-primitives/types';
 import { useNavigation } from 'expo-router';
 import * as React from 'react';
 import { Platform, Pressable, StyleSheet, View } from 'react-native';
@@ -154,8 +154,8 @@ const components: { title: string; href: string; description: string }[] = [
 ];
 
 const ListItem = React.forwardRef<
-  TextRef,
-  React.ComponentPropsWithoutRef<typeof Text> & { title: string; href: string }
+  ViewRef,
+  React.ComponentPropsWithoutRef<typeof View> & { title: string; href: string }
 >(({ className, title, children, ...props }, ref) => {
   return (
     <View role='listitem'>

apps/showcase/app/table.tsx

@@ -24,7 +24,6 @@ const MIN_COLUMN_WIDTHS = [120, 120, 100, 120];
 
 export default function TableScreen() {
   const { width } = useWindowDimensions();
-  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
   const insets = useSafeAreaInsets();
 
   const columnWidths = React.useMemo(() => {
@@ -42,7 +41,7 @@ export default function TableScreen() {
           <TableHeader>
             <TableRow>
               <TableHead className='px-0.5' style={{ width: columnWidths[0] }}>
-                <Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen}>
+                <Popover>
                   <PopoverTrigger asChild>
                     <Button variant='ghost' size='sm' className='flex-row justify-start gap-3'>
                       <Text className={cn('text-base text-muted-foreground font-medium')}>

apps/showcase/package.json

@@ -32,12 +32,12 @@
     "@tanstack/react-table": "^8.11.7",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
-    "expo": "^53.0.7",
+    "expo": "^53.0.9",
     "expo-font": "~13.3.1",
     "expo-haptics": "~14.1.4",
-    "expo-linking": "~7.1.4",
+    "expo-linking": "~7.1.5",
     "expo-navigation-bar": "~4.2.4",
-    "expo-router": "~5.0.5",
+    "expo-router": "~5.0.7",
     "expo-splash-screen": "~0.30.8",
     "expo-status-bar": "~2.2.3",
     "expo-system-ui": "~5.0.7",

packages/templates/starter-base/package.json

@@ -22,10 +22,10 @@
     "@rn-primitives/types": "~1.2.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
-    "expo": "^53.0.7",
-    "expo-linking": "~7.1.4",
+    "expo": "^53.0.9",
+    "expo-linking": "~7.1.5",
     "expo-navigation-bar": "~4.2.4",
-    "expo-router": "~5.0.5",
+    "expo-router": "~5.0.7",
     "expo-splash-screen": "~0.30.8",
     "expo-status-bar": "~2.2.3",
     "expo-system-ui": "~5.0.7",