How to use the @react-navigation/native-stack.createNativeStackNavigator function in @react-navigation/native-stack

function Profile({ navigation }) {
  return (

onPress={() => navigation.navigate('Settings')}
      />
      <button title="Go back"> navigation.goBack()} /&gt;
    
  );
}

function Settings({ navigation }) {
  return (
    </button><button title="Go back"> navigation.goBack()} /&gt;
    
  );
}

const Stack = createNativeStackNavigator();

function MyStack() {
  return (
    
      </button>

>
        Push article
      
      <button mode="outlined"> navigation.goBack()}
        style={styles.button}
      &gt;
        Go back
      </button>
    
    
  
);

const NativeStack = createNativeStackNavigator();

type Props = {
  navigation: StackNavigationProp;
};

export default function NativeStackScreen({ navigation }: Props) {
  navigation.setOptions({
    headerShown: false,
  });

  useFocusEffect(
    React.useCallback(() =&gt; {
      const drawer = navigation.dangerouslyGetParent() as DrawerNavigationProp&lt;
        ParamListBase
      &gt;;