title: I'm getting "Module not found: Can't resolve 'react'" when running my react-native bottom nav code
body: <p>I've been trying to set up a bottom tab navigator for my react-native app, but I keep getting errors. I thought it might have to do with the rest of my code, so I made a new project in a new folder, clean installed all my dependencies, but nothing helps.</p>
  <p>This is the code:</p>
  <pre><code>import { StatusBar } from 'expo-status-bar';
  import * as React from 'react';
  import { StyleSheet, Text, View } from 'react-native';
  import { NavigationContainer } from '@react-navigation/native';
  import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
  
  
  function HomeScreen() {
    return (
      &lt;View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}&gt;
        &lt;Text&gt;Home!&lt;/Text&gt;
      &lt;/View&gt;
    );
  }
  
  function SettingsScreen() {
    return (
      &lt;View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}&gt;
        &lt;Text&gt;Settings!&lt;/Text&gt;
      &lt;/View&gt;
    );
  }
  
  const Tab = createBottomTabNavigator();
  
  export default function App() {
    return (
      &lt;NavigationContainer&gt;
        &lt;Tab.Navigator&gt;
          &lt;Tab.Screen name=&quot;Home&quot; component={HomeScreen} /&gt;
          &lt;Tab.Screen name=&quot;Settings&quot; component={SettingsScreen} /&gt;
        &lt;/Tab.Navigator&gt;
      &lt;/NavigationContainer&gt;
    );
  }
  </code></pre>
  <p>and this is my package.json:</p>
  <pre><code>  &quot;name&quot;: &quot;fridg-nav&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;main&quot;: &quot;node_modules/expo/AppEntry.js&quot;,
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;expo start&quot;,
      &quot;android&quot;: &quot;expo start --android&quot;,
      &quot;ios&quot;: &quot;expo start --ios&quot;,
      &quot;web&quot;: &quot;expo start --web&quot;,
      &quot;eject&quot;: &quot;expo eject&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@react-navigation/bottom-tabs&quot;: &quot;^6.0.9&quot;,
      &quot;@react-navigation/native&quot;: &quot;^6.0.6&quot;,
      &quot;expo&quot;: &quot;~43.0.2&quot;,
      &quot;expo-status-bar&quot;: &quot;~1.1.0&quot;,
      &quot;react&quot;: &quot;17.0.1&quot;,
      &quot;react-dom&quot;: &quot;17.0.1&quot;,
      &quot;react-native&quot;: &quot;0.64.3&quot;,
      &quot;react-native-web&quot;: &quot;0.17.1&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@babel/core&quot;: &quot;^7.12.9&quot;
    },
    &quot;private&quot;: true
  }
  </code></pre>
  <p>What have I done wrong?</p>