ios – React Navigation Error, Invariant Violation: requireNativeComponent: “RNSScreenStackHeaderConfig” was not discovered within the UIManager

Not too long ago I’ve started growth in react-native and have been attempting to construct an app. I efficiently applied react navigation initially, however after I attempted to put in and use different packages I failed and gave up and tried to take away the. By some means I ended up messing up my challenge and even primary navigation fails.

As of now I’m merely attempting to create a react native challenge and operating it on ios utilizing xCode simulator. Following this tutorial, https://reactnavigation.org/docs/hello-react-navigation. Once I attempt operating the most straightforward instance given I get this error. After rigorously following all of the earlier steps.

    
    This error is situated at:
        in RNSScreenStackHeaderConfig (at HeaderConfig.tsx:128)
        in HeaderConfig (at NativeStackView.native.tsx:223)
        in MaybeFreeze (at src/index.native.tsx:229)
        in RNSScreen (at createAnimatedComponent.js:242)
        in AnimatedComponent (at createAnimatedComponent.js:295)
        in AnimatedComponentWrapper (at src/index.native.tsx:208)
        in Display (at NativeStackView.native.tsx:176)
        in SceneView (at NativeStackView.native.tsx:278)
        in RNSScreenStack (at src/index.native.tsx:160)
        in ScreenStack (at NativeStackView.native.tsx:269)
        in NativeStackViewInner (at NativeStackView.native.tsx:323)
        in RNCSafeAreaProvider (at SafeAreaContext.tsx:76)
        in SafeAreaProvider (at SafeAreaProviderCompat.tsx:46)
        in SafeAreaProviderCompat (at NativeStackView.native.tsx:322)
        in NativeStackView (at createNativeStackNavigator.tsx:67)
        in NativeStackNavigator (at App.js:19)
        in EnsureSingleNavigator (at BaseNavigationContainer.tsx:430)
        in BaseNavigationContainer (at NavigationContainer.tsx:132)
        in ThemeProvider (at NavigationContainer.tsx:131)
        in NavigationContainerInner (at App.js:18)
        in App (at renderApplication.js:50)
        in RCTView (at View.js:32)
        in View (at AppContainer.js:92)
        in RCTView (at View.js:32)
        in View (at AppContainer.js:119)
        in AppContainer (at renderApplication.js:43)
        in Twisten(RootComponent) (at renderApplication.js:60)

That is the code I’m operating.

    import { View, Textual content } from 'react-native';
    import { NavigationContainer } from '@react-navigation/native';
    import { createNativeStackNavigator } from '@react-navigation/native-stack';
    
    operate HomeScreen() {
      return (
        <View fashion={{ flex: 1, alignItems: 'middle', justifyContent: 'middle' }}>
          <Textual content>Residence Display</Textual content>
        </View>
      );
    }
    
    const Stack = createNativeStackNavigator();
    
    operate App() {
      return (
        <NavigationContainer>
          <Stack.Navigator>
            <Stack.Display identify="Residence" part={HomeScreen} />
          </Stack.Navigator>
        </NavigationContainer>
      );
    }
    
    export default App;

I’m operating it utilizing the command react-native run-ios

I might count on this to work and present a easy homescreen nevertheless it errors when operating the code. Any assistance is appreciated, thanks.