From 74b1ed7394be31caeba6c07593474c7f103829a0 Mon Sep 17 00:00:00 2001
From: Marcos Villanueva <mva919@gmail.com>
Date: Thu, 7 Mar 2024 23:24:54 -0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9Bfix:=20Fix=20TypeScript=20errors=20?=
 =?UTF-8?q?with=20Nav=20component=20routes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/expo/src/app/nav/index.tsx | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/apps/expo/src/app/nav/index.tsx b/apps/expo/src/app/nav/index.tsx
index 889a8d2b..76404fc3 100644
--- a/apps/expo/src/app/nav/index.tsx
+++ b/apps/expo/src/app/nav/index.tsx
@@ -1,7 +1,7 @@
+import type { Route } from 'expo-router'
 import React from 'react'
+import { Button, FlatList, StyleSheet, View } from 'react-native'
 import { router } from 'expo-router'
-import { StyleSheet, Button, Text, View, FlatList } from 'react-native'
-import { SafeAreaView } from 'react-native-safe-area-context'
 
 const styles = StyleSheet.create({
   container: {
@@ -13,20 +13,25 @@ const styles = StyleSheet.create({
     fontSize: 18,
     height: 44,
   },
-});
+})
 
 const Nav = () => {
   return (
     <View style={styles.container}>
       <FlatList
         data={[
-            // add your component routes here
-          {key: 'Home', route: '/'},
+          // add your component routes here
+          { key: 'Home', route: '/' },
         ]}
-        renderItem={({item}) => <Button style={styles.btn} title={item.key} onPress={() => router.push(item.route)}/>}
+        renderItem={({ item }) => (
+          <Button
+            title={item.key}
+            onPress={() => router.push(item.route as Route<string>)}
+          />
+        )}
       />
     </View>
-  );
-};
+  )
+}
 
 export default Nav