title: React doesn't render
body: <p>I am begining with React using Webpack to make the configuration. I made all step by step. No error message on console or browser but the h1 that I want to insert doesn't appear.</p>
  <p>I know that React is v.18 but I am using React v.17</p>
  <p><strong>App.jsx</strong></p>
  <pre><code>import React from 'react'
  
  const App = () =&gt; {
      return (
           &lt;h1&gt;Holaaa&lt;/h1&gt; 
      );
  }
  
  export default App;
  </code></pre>
  <p><strong>index.js</strong></p>
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import App from './components/app.jsx';
  
  ReactDOM.render (&lt;App/&gt;, document.getElementById (&quot;Hello&quot;))
  </code></pre>
  <p><strong>webpack.config.js</strong></p>
  <pre><code>    const path = require (&quot;path&quot;);
  const HtmlWebpackPlugin = require ('html-webpack-plugin')
  const MiniCssExtractPlugin = require ('mini-css-extract-plugin')
  
  module.exports = {
      entry: &quot;./src/index.js&quot;,
      output: {
          path: path.resolve (__dirname, 'dist'),
          filename: &quot;bundle.js&quot;
      },
      mode: &quot;development&quot;,
      resolve: {
          extensions: ['.js', '.jsx']
      },
      module: {
          rules: [
              {test: /\.(js|jsx)$/,
          exclude: &quot;/node_modules&quot;,
      use: {
          loader: 'babel-loader',
          options: {
              presets: ['@babel/preset-env', '@babel/preset-react']
          }
      }},
      {test: /\html$/,
      use: [
          {loader: 'html-loader'}
      ]  },
      {test: /\.sa[ac]ss$/,
      use: ['css-loader',
      'style-loader',
      'sass-loader']}
          ]
      },
      plugins: [
          new HtmlWebpackPlugin ({
              inject: true,
              template: &quot;./public/index.html&quot;,
              filename: '/menu.html'
          }), new MiniCssExtractPlugin ({
              filename: &quot;[name].css&quot;
          })
      ]
  }
  </code></pre>
  <p>index.html</p>
  <pre><code>    &lt;title&gt;Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id=&quot;Hello&quot;&gt; &lt;/div&gt;    
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>