title: React module not loading using require
body: <p>I'm struggling to get my React module loaded. My error occurs within my App function, where it doesn't recognize the '&lt;' character as commented in the code below.</p>
  <p>I've tried using <code>import</code> rather than <code>require</code> but then <code>type: module</code> in my package.json causes problems with my other modules (namely AdminJS). So I'm hoping I can successfully do this with <code>requires</code>.</p>
  <p>Any idea why my Reach module isn't loading, if that is indeed the problem? If it helps, I'm trying to implement this combination lock module (<a href="https://www.npmjs.com/package/combination-lock-react" rel="nofollow noreferrer">https://www.npmjs.com/package/combination-lock-react</a>)</p>
  <p>Thanks in advance.</p>
  <p>game.js</p>
  <pre><code>const React = require('react');
  const ReactDOM = require('react-dom');
  const CombinationLock = require('combination-lock-react');
  </code></pre>
  <pre><code>    function App() {
          return (
              &lt;div className=&quot;app&quot;&gt; // it fails at the &quot;&lt;&quot; on this line: Uncaught SyntaxError: Unexpected token '&lt;'
                  &lt;
                  // stuff here
                  /&gt;
              &lt;/div&gt;
          );
      }
      const rootElement = document.getElementById(&quot;root&quot;);
      ReactDOM.render(&lt;App /&gt;, rootElement);
  </code></pre>
  <p>package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;express-server&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;main&quot;: &quot;server.js&quot;,
    &quot;scripts&quot;: {
      &quot;test&quot;: &quot;echo \&quot;Error: no test specified\&quot; &amp;&amp; exit 1&quot;,
      &quot;start&quot;: &quot;node server.js&quot;,
      &quot;build&quot;: &quot;react-scripts build&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;author&quot;: &quot;Overlord&quot;,
    &quot;license&quot;: &quot;ISC&quot;,
    &quot;dependencies&quot;: {
      &quot;@adminjs/express&quot;: &quot;^4.1.0&quot;,
      &quot;@adminjs/mongoose&quot;: &quot;^2.0.2&quot;,
      &quot;adminjs&quot;: &quot;^5.6.0&quot;,
      &quot;body-parser&quot;: &quot;^1.19.1&quot;,
      &quot;combination-lock-react&quot;: &quot;^1.0.3&quot;,
      &quot;ejs&quot;: &quot;^3.1.6&quot;,
      &quot;express&quot;: &quot;^4.17.3&quot;,
      &quot;express-formidable&quot;: &quot;^1.2.0&quot;,
      &quot;express-pjax&quot;: &quot;^0.0.1&quot;,
      &quot;express-session&quot;: &quot;^1.17.3&quot;,
      &quot;mongo&quot;: &quot;^0.1.0&quot;,
      &quot;mongodb&quot;: &quot;^4.4.1&quot;,
      &quot;mongoose&quot;: &quot;^6.2.3&quot;,
      &quot;nodemon&quot;: &quot;^2.0.19&quot;,
      &quot;pjax&quot;: &quot;^0.2.8&quot;,
      &quot;react&quot;: &quot;^16.14.0&quot;,
      &quot;react-dom&quot;: &quot;^18.2.0&quot;,
      &quot;react-draggable&quot;: &quot;^4.4.5&quot;,
      &quot;react-scripts&quot;: &quot;^5.0.1&quot;,
      &quot;socket.io&quot;: &quot;^4.5.1&quot;,
      &quot;tslib&quot;: &quot;^2.4.0&quot;,
      &quot;yarn&quot;: &quot;^1.22.17&quot;
    },
    &quot;description&quot;: &quot;&quot;
  }
  </code></pre>