title: Support for the experimental syntax 'jsx' isn't currently enabled
body: <p>I'm trying to run very simple code, but I'm getting an error, I didn't use the create react app!</p>
  <p>It looks like my babel.config.js file is being ignored!</p>
  <p>This is the structure of my small project:
  <a href="https://i.stack.imgur.com/XovUB.png" rel="noreferrer"><img src="https://i.stack.imgur.com/XovUB.png" alt="enter image description here" /></a></p>
  <p>My html file</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
      &lt;title&gt;ReactJS&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id=&quot;app&quot;&gt;&lt;/div&gt;
      &lt;script  src = 'bundle.js' &gt;&lt;/script&gt;
  &lt;/body&gt; 
  
  &lt;/html&gt;
  </code></pre>
  <p>My index.js file:</p>
  <pre><code>import React from 'react';
  import { render } from 'react-dom';
  
  render(&lt;h1&gt;Hello World!!&lt;/h1&gt;, document.getElementById('app')); 
  </code></pre>
  <p>My package json:</p>
  <pre><code>{
    &quot;name&quot;: &quot;front&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;main&quot;: &quot;index.js&quot;,
    &quot;license&quot;: &quot;MIT&quot;,
    &quot;scripts&quot;: {
      &quot;dev&quot;: &quot;webpack-dev-server --mode development&quot;,
      &quot;build&quot;: &quot;webpack-dev-server --mode production&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@babel/cli&quot;: &quot;^7.10.5&quot;,
      &quot;@babel/core&quot;: &quot;^7.10.5&quot;,
      &quot;@babel/plugin-proposal-class-properties&quot;: &quot;^7.10.4&quot;,
      &quot;@babel/preset-env&quot;: &quot;^7.10.4&quot;,
      &quot;@babel/preset-react&quot;: &quot;^7.10.4&quot;,
      &quot;react&quot;: &quot;^16.13.1&quot;,
      &quot;react-dom&quot;: &quot;^16.13.1&quot;,
      &quot;webpack&quot;: &quot;^4.43.0&quot;,
      &quot;webpack-cli&quot;: &quot;^3.3.12&quot;,
      &quot;webpack-dev-server&quot;: &quot;^3.11.0&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@babel/plugin-transform-runtime&quot;: &quot;^7.9.0&quot;,
      &quot;babel-loader&quot;: &quot;^8.1.0&quot;,
      &quot;webpack-dev-server&quot;: &quot;^3.10.3&quot;
    }
  }
  </code></pre>
  <p>My webpack.config.js</p>
  <pre><code>const path = require('path');
  
  module.exports = {
      entry: path.resolve(__dirname, 'src', 'index.js'),
      output: {
          path: path.resolve(__dirname, 'public'),
          filename: 'bundle.js'
      },
      devServer: {
          contentBase: path.resolve(__dirname, 'public'),
      },
      module: {
          rules: [{
              test: /\.js$/,
              exclude: /node_modules/,
              use: {
                  loader: 'babel-loader',
              }
          }]
      },
  };
  </code></pre>
  <p>And this is my babel.config.js</p>
  <pre><code>module.exports = {
      &quot;presets&quot;: [&quot;@babel/preset-env&quot;, &quot;@babel/preset-react&quot;]
  
  };
  </code></pre>
  <p>Error when</p>
  <pre><code>yarn webpack-dev-server --mode development
  
  ERROR in ./src/index.js
  Module build failed (from ./node_modules/babel-loader/lib/index.js):
  SyntaxError: /root/treina/front/src/index.js: Support for the experimental syntax 'jsx' isn't currently enabled (4:8):
  
    2 | import { render } from 'react-dom';
    3 | 
  &gt; 4 | render(&lt;h1&gt;Hello World!!&lt;/h1&gt;, document.getElementById('app'));
      |        ^
  
  Add @babel/preset-react (https://git.io/JfeDR) to the 'presets' section of your Babel config to enable transformation.
  If you want to leave it as-is, add @babel/plugin-syntax-jsx (https://git.io/vb4yA) to the 'plugins' section to enable parsing.
      at Parser._raise (/root/treina/front/node_modules/@babel/parser/lib/index.js:757:17)
      at Parser.raiseWithData (/root/treina/front/node_modules/@babel/parser/lib/index.js:750:17)
      at Parser.expectOnePlugin (/root/treina/front/node_modules/@babel/parser/lib/index.js:8849:18)
      at Parser.parseExprAtom (/root/treina/front/node_modules/@babel/parser/lib/index.js:10170:22)
      at Parser.parseExprSubscripts (/root/treina/front/node_modules/@babel/parser/lib/index.js:9688:23)
      at Parser.parseMaybeUnary (/root/treina/front/node_modules/@babel/parser/lib/index.js:9668:21)
      at Parser.parseExprOps (/root/treina/front/node_modules/@babel/parser/lib/index.js:9538:23)
      at Parser.parseMaybeConditional (/root/treina/front/node_modules/@babel/parser/lib/index.js:9511:23)
      at Parser.parseMaybeAssign (/root/treina/front/node_modules/@babel/parser/lib/index.js:9466:21)
      at Parser.parseExprListItem (/root/treina/front/node_modules/@babel/parser/lib/index.js:10846:18)
  ℹ ｢wdm｣: Failed to compile.
  </code></pre>
  <p>I'm using yarn and the WSL terminal</p>