title: react-cookie-consent does not work on html pages in public folder
body: <p>I am using <code>react-cookies-consent</code> to display cookies and it is working without any problem on every component until I needed to add HTML pages to the public folder for SEO reasons now the cookies consent will not be displayed on these pages. Any suggestion on how should I approach this problem.</p>
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import { render } from 'react-snapshot';
  import {BrowserRouter as Router} from 'react-router-dom';
  import Routes from &quot;./routes&quot;;
  
  import App from './App';
  import 'bootstrap/dist/css/bootstrap.css';
  import './index.css';
  import CookieBanner from &quot;./CookieBanner&quot;;
  import * as serviceWorker from './serviceWorker';
  import C5 from &quot;./images/konfigurator/C5.webp&quot;;
  import HelmetMetaData from &quot;./HelmetMetaData&quot;;
  
  
  render(
        &lt;React.StrictMode&gt;
            &lt;Router&gt;
                &lt;CookieBanner /&gt;
                  &lt;Routes /&gt;
                {/*&lt;App /&gt;*/}
            &lt;/Router&gt;
        &lt;/React.StrictMode&gt;,
    document.getElementById('root')
  );
  
  // If you want your app to work offline and load faster, you can change
  // unregister() to register() below. Note this comes with some pitfalls.
  serviceWorker.unregister();
  
  
  class Routes extends React.Component {
      constructor(props) {
          super(props);
      }
      render() {
          return (
              &lt;div&gt;
              &lt;HelmetMetaData /&gt;
              &lt;Switch&gt;
                  &lt;Route exact path=&quot;/&quot; render={() =&gt; {window.location.href=&quot;Home.html&quot;}} /&gt;
                  &lt;Route path=&quot;/Main&quot; component={App}/&gt;
                  &lt;Route path=&quot;/About&quot; render={() =&gt; {window.location.href=&quot;About.html&quot;}}/&gt;
                  &lt;Route path=&quot;/impressum&quot; render={() =&gt; {window.location.href=&quot;impressum.html&quot;}}/&gt;
                  &lt;Route path=&quot;/blog&quot; render={() =&gt; {window.location.href=&quot;blog.html&quot;}}/&gt;
                  &lt;Route path=&quot;/Questions&quot; render={() =&gt; {window.location.href=&quot;Questions.html&quot;}} /&gt;
                  &lt;Route path=&quot;/Answers&quot; render={() =&gt; {window.location.href=&quot;Answers.html&quot;}} /&gt;
                  &lt;Route path=&quot;/info&quot; render={() =&gt; {window.location.href=&quot;info.html&quot;}} /&gt;
                  &lt;Route component={Error}/&gt;
              &lt;/Switch&gt;
              &lt;/div&gt;
          );
      }
  };
  export default Routes;
  </code></pre>
  <p><strong>Update:</strong></p>
  <p>I just tried the possibility to render a component in HTML page I started with a simple example but it doesn't work</p>
  <pre><code>&lt;script src=&quot;https://unpkg.com/react@16.13.1/umd/react.development.js&quot; crossorigin&gt;&lt;/script&gt;
  &lt;script src=&quot;https://unpkg.com/react-dom@16.13.1/umd/react-dom.development.js&quot; crossorigin&gt;&lt;/script&gt;
  &lt;!--&lt;script src=&quot;https://unpkg.com/@babel/standalone/babel.min.js&quot;&gt;&lt;/script&gt;--&gt;
  &lt;script type=&quot;text/jsx&quot;&gt;
      var NewComponent = React.createClass({
          render : function (){
              return (
                  &lt;h1&gt;New year welcoming&lt;/h1&gt;
              )
          }
      })
      ReactDOM.render(&lt;NewComponent /&gt;, document.getElementById('banner'));
  &lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>
  <p>Yes i included <code>&lt;div id=&quot;banner&quot;&gt;&lt;/div&gt;</code> just right after the <code>&lt;body&gt;</code></p>
  <p>No errors given it just doesn`t render</p>
  <p><a href="https://i.stack.imgur.com/7bB8p.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7bB8p.png" alt="enter image description here" /></a></p>