title: Localhost:8080 showing blank page with react-native-web
body: <p>i followed a tutorial for adding web support to a react native app. using react-native-web and webpack. looks like it works for everyone. but for me, i get a blank web page. even though it works just fine on the emulator.
  i get no error in the console.
  <img src="https://i.stack.imgur.com/5Mb0m.png" alt="and when i inspect the webpage i get this:" /></p>
  <p><img src="https://i.stack.imgur.com/7AmEK.png" alt="and this is my console:" /></p>
  <p><a href="https://levelup.gitconnected.com/setup-react-native-web-app-with-typescript-and-webpack-ff79062f53ba" rel="nofollow noreferrer">this is the tutorial i followed:</a></p>
  <p>as shown in the tutorial, i was hoping to see my simple react native code result both on the emulator and the webpage.</p>
  <p>ps. my project is TypeScript based</p>
  <p>this is my App.web.ts</p>
  <pre><code>   import {AppRegistry} from 'react-native'
  import {name as appName} from './app.json'
  import App from './App'
  
  AppRegistry.registerComponent(appName, () =&gt; App)
  
  AppRegistry.runApplication(appName, {
    initialProps: {},
    rootTag: document.getElementById('app-root'),
  })
  </code></pre>
  <p>my package.json:</p>
  <pre><code>{
    &quot;name&quot;: &quot;reactnativewebapp&quot;,
    &quot;version&quot;: &quot;0.0.1&quot;,
    &quot;private&quot;: true,
    &quot;scripts&quot;: {
      &quot;android&quot;: &quot;react-native run-android&quot;,
      &quot;ios&quot;: &quot;react-native run-ios&quot;,
      &quot;start&quot;: &quot;react-native start&quot;,
      &quot;test&quot;: &quot;jest&quot;,
      &quot;lint&quot;: &quot;eslint .&quot;,
      &quot;web&quot;:&quot;cd web &amp;&amp; webpack-dev-server&quot;
    },
    &quot;dependencies&quot;: {
      &quot;react&quot;: &quot;17.0.2&quot;,
      &quot;react-dom&quot;: &quot;^18.0.0&quot;,
      &quot;react-native&quot;: &quot;0.68.0&quot;,
      &quot;react-native-web&quot;: &quot;^0.17.7&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@babel/core&quot;: &quot;^7.12.9&quot;,
      &quot;@babel/runtime&quot;: &quot;^7.12.5&quot;,
      &quot;@react-native-community/eslint-config&quot;: &quot;^2.0.0&quot;,
      &quot;@types/react&quot;: &quot;^17.0.43&quot;,
      &quot;@types/react-native&quot;: &quot;^0.67.3&quot;,
      &quot;babel-jest&quot;: &quot;^26.6.3&quot;,
      &quot;eslint&quot;: &quot;^7.32.0&quot;,
      &quot;html-webpack-plugin&quot;: &quot;^5.5.0&quot;,
      &quot;jest&quot;: &quot;^26.6.3&quot;,
      &quot;metro-react-native-babel-preset&quot;: &quot;^0.67.0&quot;,
      &quot;react-native-typescript-transformer&quot;: &quot;^1.2.13&quot;,
      &quot;react-test-renderer&quot;: &quot;17.0.2&quot;,
      &quot;ts-loader&quot;: &quot;^9.2.8&quot;,
      &quot;typescript&quot;: &quot;^4.6.3&quot;,
      &quot;webpack&quot;: &quot;^5.70.0&quot;,
      &quot;webpack-cli&quot;: &quot;^4.9.2&quot;,
      &quot;webpack-dev-server&quot;: &quot;^4.7.4&quot;
    },
    &quot;jest&quot;: {
      &quot;preset&quot;: &quot;react-native&quot;
    }
  }
  </code></pre>
  <p>and my index.js from which App.js should be rendered:</p>
  <pre><code>/**
   * @format
   */
  
  import {AppRegistry} from 'react-native';
  import App from './App';
  import {name as appName} from './app.json';
  
  AppRegistry.registerComponent(appName, () =&gt; App);
  </code></pre>