title: How to serve multiple HTML files with React?
body: <p>I want to build a web application with React with multiple HTML pages.
  For example login.html and index.html. I've created these HTML pages and mapped them to URIs with my backend. So I have localhost:8080/login and localhost:8080/index. Unfortunately, React only uses the index.html file to render content! </p>
  
  <p>So index.html works and the React content is shown: <a href="https://i.stack.imgur.com/JDKsx.jpg" rel="noreferrer">localhost:3000/index.html</a></p>
  
  <pre><code>&lt;!-- index.html --&gt;
  ...
  &lt;body&gt;
    &lt;noscript&gt;
        You need to enable JavaScript to run this app.
    &lt;/noscript&gt;
    &lt;div id="wizard"&gt;&lt;/div&gt;
  &lt;/body&gt;
  ...
  
  &lt;!-- index.tsx --&gt;
  import * as React from 'react';
  import * as ReactDOM from 'react-dom';
  import FetchData from "./FetchData";
  import 'bootstrap/dist/css/bootstrap.min.css';
  import './index.css';
  import registerServiceWorker from './registerServiceWorker';
  
  ReactDOM.render(
  &lt;div className="d-flex flex-column"&gt;
              &lt;div className="bg-dark text-light AppHeading"&gt;Self-Service-Webwizard&lt;/div&gt;
              &lt;div className="bg-white"&gt;&lt;FetchData /&gt;&lt;/div&gt;
          &lt;/div&gt;,
  document.getElementById('wizard') as HTMLElement
  );
  registerServiceWorker();
  </code></pre>
  
  <p>But wizardLogin.html doesn't show the React content: <a href="https://i.stack.imgur.com/pPmn9.jpg" rel="noreferrer">localhost:3000/wizardLogin.html</a></p>
  
  <pre><code>&lt;!-- wizardLogin.html --&gt;
  ...
  &lt;body&gt;
    &lt;noscript&gt;
        You need to enable JavaScript to run this app.
    &lt;/noscript&gt;
    &lt;div&gt;Wizard login&lt;/div&gt;
    &lt;div id="wizardLogin"&gt;&lt;/div&gt;
  &lt;/body&gt;
  ...
  
  &lt;!-- LoginPage.tsx --&gt;
  import * as React from 'react';
  import * as ReactDOM from 'react-dom';
  import 'bootstrap/dist/css/bootstrap.min.css';
  import './index.css';
  import registerServiceWorker from './registerServiceWorker';
  import LoginForm from "./LoginForm";
  
  ReactDOM.render(
      &lt;div&gt;
          &lt;div&gt;&lt;h1&gt;Wizard Login.tsx&lt;/h1&gt;&lt;/div&gt;
          &lt;div&gt;&lt;LoginForm/&gt;&lt;/div&gt;
      &lt;/div&gt;,
      document.getElementById('wizardLogin') as HTMLElement
  )
  ;
  registerServiceWorker();
  </code></pre>
  
  <p><strong>Am I doing something wrong or is it not possible to serve multiple HTML files with React?</strong></p>
  
  <p>Github: <a href="https://github.com/The-Taskmanager/SelfServiceWebwizard" rel="noreferrer">https://github.com/The-Taskmanager/SelfServiceWebwizard</a></p>