title: My terminal is reading webpack compiled successfully but browser page is empty after connecting to react-dom
body: <p>Here is my app.js</p>
  <pre><code>import Home from &quot;./pages/home/Home&quot;;
  import Login from &quot;./pages/login/Login&quot;;
  import Profile from &quot;./pages/profile/Profile&quot;;
  import Register from &quot;./pages/register/Register&quot;;
  import { BrowserRouter as Router, Routes, Route } from &quot;react-router-dom&quot;;
  
  function App() {
    return (
      &lt;Router&gt;
        &lt;Routes&gt;
          &lt;Route path=&quot;/&quot;&gt;
            &lt;Home /&gt;
          &lt;/Route&gt;
          &lt;Route path=&quot;/login&quot;&gt;
            &lt;Login /&gt;
          &lt;/Route&gt;
          &lt;Route path=&quot;/register&quot;&gt;
            &lt;Register /&gt;
          &lt;/Route&gt;
          &lt;Route path=&quot;/profile&quot;&gt;
            &lt;Profile /&gt;
          &lt;/Route&gt;
        &lt;/Routes&gt;
      &lt;/Router&gt;
    );
  }
  
  export default App;
  </code></pre>
  <p>and here is my index.js (connections)</p>
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import App from './App';
  
  ReactDOM.render(
    &lt;React.StrictMode&gt;
      &lt;App /&gt;
    &lt;/React.StrictMode&gt;,
    document.getElementById('root')
  );
  </code></pre>
  <p>and the versions of react, react dom etc are mentioned below</p>
  <pre><code>{
    &quot;name&quot;: &quot;ft-app-four&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@material-ui/core&quot;: &quot;^4.12.4&quot;,
      &quot;@material-ui/icons&quot;: &quot;^4.11.3&quot;,
      &quot;@testing-library/jest-dom&quot;: &quot;^5.16.4&quot;,
      &quot;@testing-library/react&quot;: &quot;^13.2.0&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^13.5.0&quot;,
      &quot;react&quot;: &quot;^18.1.0&quot;,
      &quot;react-dom&quot;: &quot;^18.1.0&quot;,
      &quot;react-router-dom&quot;: &quot;^6.3.0&quot;,
      &quot;react-scripts&quot;: &quot;^5.0.1&quot;,
      &quot;web-vitals&quot;: &quot;^2.1.4&quot;
    }
  </code></pre>
  <p>The terminal says You can now view ft-app-four in the browser.</p>
  <p>Local:            http://localhost:3000<br />
  On Your Network:  <a href="http://192.168.42.136:3000" rel="nofollow noreferrer">http://192.168.42.136:3000</a></p>
  <p>Note that the development build is not optimized.
  To create a production build, use npm run build.</p>
  <p>webpack compiled successfully</p>
  <p>but I am unable to view anything on the browser screen</p>