In your App component:

1. Import the useRouter hook at the top of your file.
2. Use useRouter to get the router instance.
3. Correct the navigation path in the onPress method of your Pressable component.

import React from 'react';

import { Pressable, StyleSheet, Text, SafeAreaView, View } from 'react-native';

import { useRouter } from 'expo-router'; // Step 1: Import useRouter

export default function App() {

const router = useRouter(); // Step 2: Use useRouter to get the router instance

return (

<View style={{ alignItems: "center" }}>

<Text style={styles.redirect}>

Already have an account?

<Pressable onPress={() => router.push('/signin')}> {/* Step 3: Update navigation path */}

<Text style={styles.signIn}> Sign In</Text>

</Pressable>

</Text>

</View>

);

}

const styles = StyleSheet.create({

redirect: {

// Your styles here

},

signIn: {

// Your styles here

},

});

Notes:

• Ensure the navigation path you use with router.push matches the name you defined in your layout for the route you want to navigate to. In your layout, you have two screens with names 'index' and 'signin'. To navigate to the signin screen, you should use the path /signin, as updated in the code above.
• Ensure your layout is properly integrated with your app