title: Important npm install @babel/plugin-transform-react-jsx is not working
body: <p>Hello sorry for a problems, but its my first post.
  I have problem during npm start, and that is a message:</p>
  <pre><code>/Users/hp/Desktop/Wszystkie Projekty/ravenous/src/components/BusinessList/BusinessList.js
  SyntaxError: C:\Users\hp\Desktop\Wszystkie Projekty\ravenous\src\components\BusinessList\BusinessList.js: Support for the experimental syntax 'jsx' isn't currently enabled (10:7):
  
     8 |   render(){
     9 |       return (
  &gt; 10 |       &lt;div className=&quot;BusinessList&quot;&gt;
       |       ^
    11 |       &lt;Business /&gt;
    12 |       &lt;Business /&gt;
    13 |       &lt;Business /&gt;
  
  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.
  
  
  </code></pre>
  <p>package.json</p>
  <pre><code>{
    &quot;name&quot;: &quot;ravenous&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@testing-library/react&quot;: &quot;^9.5.0&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^7.2.1&quot;,
      &quot;react&quot;: &quot;^16.14.0&quot;,
      &quot;react-dom&quot;: &quot;^16.14.0&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;react-scripts start&quot;,
      &quot;build&quot;: &quot;react-scripts build&quot;,
      &quot;test&quot;: &quot;react-scripts test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: &quot;react-app&quot;
    },
    &quot;browserslist&quot;: {
      &quot;production&quot;: [
        &quot;&gt;0.2%&quot;,
        &quot;not dead&quot;,
        &quot;not op_mini all&quot;
      ],
      &quot;development&quot;: [
        &quot;last 1 chrome version&quot;,
        &quot;last 1 firefox version&quot;,
        &quot;last 1 safari version&quot;
      ]
    },
    &quot;devDependencies&quot;: {
      &quot;@babel/core&quot;: &quot;^7.12.3&quot;,
      &quot;@babel/plugin-syntax-jsx&quot;: &quot;^7.12.1&quot;,
      &quot;@babel/plugin-transform-react-jsx&quot;: &quot;^7.12.1&quot;,
      &quot;@babel/preset-react&quot;: &quot;^7.12.1&quot;,
      &quot;@testing-library/jest-dom&quot;: &quot;^4.2.4&quot;,
      &quot;react-script&quot;: &quot;^2.0.5&quot;,
      &quot;react-scripts&quot;: &quot;3.4.4&quot;
    }
  }
  
  
  
  </code></pre>
  <p>I made steps,that you suggested, and also try to update some plugins.
  It looks like folder with transform-jsx is properly installed in @babel, but still the same problem...</p>
  <p>I will add also BusinessList file:</p>
  <pre><code>import React from 'react';
  import './BusinessList.css';
  import Business from '../Business/Business';
  import App from '/Users/hp/Desktop/Wszystkie Projekty/ravenous/src/components/App/App';
  
  class BusinessList extends React.Component{
      
    render(){
        return (
        &lt;div className=&quot;BusinessList&quot;&gt;
        &lt;Business /&gt;
        &lt;Business /&gt;
        &lt;Business /&gt;
        &lt;Business /&gt;
        &lt;Business /&gt;
        &lt;Business /&gt;
        
      &lt;/div&gt;
        );
        
        
    }
    
  }
  
  export default BusinessList;
  </code></pre>
  <p>Any ideas ?   Also when im installing npm plugins it seems that i always have these message in terminal:      74 packages are looking for funding
  run <code>npm fund</code> for details :</p>
  <pre><code>                                                                                $npm fund
  ravenous@0.1.0
  +-- https://opencollective.com/babel
  | `-- @babel/core@7.12.3, @babel/core@7.9.0
  +-- https://github.com/sponsors/ljharb
  | `-- resolve@1.18.1, is-core-module@2.0.0, resolve@1.15.0, object.assign@4.1.1, es-abstract@1.18.0-next.1, has-symbols@1.0.1, es-to-primitive@1.2.1, is-callable@1.2.2, is-regex@1.1.1, object-inspect@1.8.0, string.prototype.trimend@1.0.2, string.prototype.trimstart@1.0.2, is-date-object@1.0.2, is-symbol@1.0.3, object.values@1.1.1, util.promisify@1.0.1, es-abstract@1.17.7, object.getownpropertydescriptors@2.1.0, array-includes@3.1.1, array.prototype.flat@1.2.3, is-string@1.0.5, object.fromentries@2.0.2, string.prototype.matchall@4.0.2, regexp.prototype.flags@1.3.0, side-channel@1.0.3, deep-equal@1.1.1, object-is@1.1.3
  +-- https://opencollective.com/core-js
  | `-- core-js-pure@3.6.5, core-js-compat@3.6.5, core-js@3.6.5
  +-- https://github.com/chalk/ansi-styles?sponsor=1
  | `-- ansi-styles@4.3.0
  +-- https://opencollective.com/typescript-eslint
  | `-- @typescript-eslint/eslint-plugin@2.34.0, @typescript-eslint/parser@2.34.0, @typescript-eslint/experimental-utils@2.34.0, @typescript-eslint/typescript-estree@2.34.0
  +-- https://opencollective.com/webpack
  | `-- css-loader@3.4.2, sass-loader@8.0.2, terser-webpack-plugin@2.3.8, webpack@4.42.0, schema-utils@2.7.1
  +-- https://opencollective.com/eslint
  | `-- eslint@6.8.0
  +-- https://tidelift.com/funding/github/npm/browserslist
  | `-- browserslist@4.14.5, browserslist@4.10.0
  +-- https://github.com/sponsors/fb55
  | `-- css-what@3.4.2, domelementtype@2.0.2
  +-- https://github.com/fb55/entities?sponsor=1
  | `-- entities@2.1.0
  +-- https://github.com/sponsors/mysticatea
  | `-- regexpp@3.1.0, eslint-utils@2.1.0
  +-- https://github.com/sponsors/isaacs
  | `-- glob@7.1.6
  +-- https://github.com/sponsors/sindresorhus
  | `-- p-limit@2.3.0, parse-json@5.1.0, globals@12.4.0, strip-json-comments@3.1.1, ansi-escapes@4.3.1, figures@3.2.0, type-fest@0.11.0, onetime@5.1.2, open@7.3.0, is-docker@2.1.1, make-dir@3.1.0, pretty-bytes@5.4.1
  +-- https://github.com/sponsors/epoberezkin
  | `-- ajv@6.12.6
  +-- https://opencollective.com/postcss/
  | `-- postcss@7.0.35, postcss-load-config@2.1.2
  +-- https://github.com/chalk/chalk?sponsor=1
  | `-- chalk@4.1.0
  +-- https://github.com/sponsors/feross
  | `-- safe-buffer@5.2.1
  +-- https://www.patreon.com/feross
  | `-- safe-buffer@5.2.1
  +-- https://feross.org/support
  | `-- safe-buffer@5.2.1
  +-- https://github.com/sponsors/wooorm
  | `-- vendors@1.0.4
  +-- https://tidelift.com/funding/github/npm/autoprefixer
  | `-- autoprefixer@9.8.6
  +-- https://github.com/sponsors/jonschlinkert
  | `-- picomatch@2.2.2
  +-- https://github.com/avajs/find-cache-dir?sponsor=1
  | `-- find-cache-dir@3.3.1
  +-- https://tidelift.com/subscription/pkg/npm-loglevel?utm_medium=referral&amp;utm_source=npm_fund
  | `-- loglevel@1.7.0
  `-- https://github.com/sponsors/RubenVerborgh
    `-- follow-redirects@1.13.0
  </code></pre>