title: Expo stuck on endless loading screen when trying to start app on real phone
body: <p>I recently set up a new react native project, which I test on my phone using expo.</p>
  <p>It worked fine in the beginning, I could start the app on my phone without problems using the QR code from expo. However after some time it stopped working, when I now try to load the app on my phone with the qr code expo it stuck on an endless loading screen. I don't get any error messages and the app loads perfectly fine when I start it inside the browser, again without any error messages.</p>
  <p>I tried to delete the node_modules folder and reinstall it with yarn and npm, like it was recommended, but it still doesn't work.</p>
  <p>I think it started after I installed some package, but even after I removed it it still didn't work:</p>
  <p>my installed packages (from package-lock.json and package.json (the packages are exactly the same) ):</p>
  <pre><code>    &quot;@react-navigation/native&quot;: &quot;^3.8.4&quot;,
      &quot;expo&quot;: &quot;~42.0.1&quot;,
      &quot;expo-barcode-scanner&quot;: &quot;~10.2.2&quot;,
      &quot;expo-splash-screen&quot;: &quot;~0.11.2&quot;,
      &quot;expo-status-bar&quot;: &quot;~1.0.4&quot;,
      &quot;expo-updates&quot;: &quot;~0.8.1&quot;,
      &quot;react&quot;: &quot;16.13.1&quot;,
      &quot;react-dom&quot;: &quot;16.13.1&quot;,
      &quot;react-native&quot;: &quot;~0.63.4&quot;,
      &quot;react-native-camera&quot;: &quot;^4.0.0&quot;,
      &quot;react-native-gesture-handler&quot;: &quot;~1.10.2&quot;,
      &quot;react-native-reanimated&quot;: &quot;~2.2.0&quot;,
      &quot;react-native-screens&quot;: &quot;~3.4.0&quot;,
      &quot;react-native-unimodules&quot;: &quot;~0.14.5&quot;,
      &quot;react-native-web&quot;: &quot;~0.13.12&quot;,
      &quot;react-navigation&quot;: &quot;^4.4.4&quot;,
      &quot;react-navigation-stack&quot;: &quot;^2.10.4&quot;
  </code></pre>
  <p>I also removed the routing from App.js and replaced it with some basic code, but it still doesn't work:</p>
  <pre><code>import React from 'react';
  import { Text, View } from 'react-native';
  
  const YourApp = () =&gt; {
    return (
      &lt;View style={{ flex: 1, justifyContent: &quot;center&quot;, alignItems: &quot;center&quot; }}&gt;
        &lt;Text&gt;
          Try editing me! 
        &lt;/Text&gt;
      &lt;/View&gt;
    );
  }
  
  export default YourApp;
  </code></pre>