Разные кнопки go на одном экране, как настроить их на разные экраны

Question

Я сделал кнопку с пресс-манипулятором для go на другом экране, но теперь, если я сделаю новую кнопку, они все go на этом экране. Как назначить / связать кнопки на разных экранах?

Главный домашний экран:

import React from 'react';
import { StyleSheet, View, Text, Button } from 'react-native';
import { globalStyles } from '../styles/global';

export default function Home({ navigation }) {

  const pressHandler = () => {
    //navigation.navigate('Lesson3');
    navigation.push('Lesson3');
  }
  const pressHandler1 = () => {
    //navigation.navigate('Lesson1');
    navigation.push('Lesson1');
  }

  return (
    <View style={globalStyles.container}>
      <Text style={globalStyles.titleText}>Lessons Japanese 1</Text>
      <Button title='Lesson 1' onPress={pressHandler1} />
      <Button title='Lesson 2' onPress={pressHandler} />
      <Button title='Lesson 3' onPress={pressHandler} />
    </View>
  );
}

экран, для которого кнопка должна go:

import React from 'react';
import { StyleSheet, View, Text, Button } from 'react-native';
import { globalStyles } from '../styles/global';

export default function Lesson3({ navigation }) {

  const pressHandler1 = () => {
    navigation.goBack();
  }

  return (
    <View style={globalStyles.container}>
      <Text>ReviewDetails Screen</Text>
    </View>
  );
}

Answer 1

я понял, что я пропустил импорт в моем главном домашнем стеке. js теперь он работает так, как я хочу 2

импорт Lesson2 из '../screens/Lesson2';