Ravenus project part 1 <div> errir

HI I get this error compiling ravenous part 1

Failed to compile
c:/users/billc_000/Documents/codeacademy/ravenous/src/component/BusinessList/BusinessList.js
SyntaxError: c:\users\billc_000\Documents\codeacademy\ravenous\src\component\BusinessList\BusinessList.js: Support for the experimental syntax 'jsx' isn't currently enabled (7:17):

   5 |         render() {
   6 |             return  (
>  7 |                 <div className="BusinessList" >
     |                 ^
   8 |                 
   9 |                 <Business />
  10 |                 <Business />

Add @babel/plugin-transform-react-jsx (https://git.io/vb4yd) to the 'plugins' section of your Babel config to enable transformation.
This error occurred during the build time and cannot be dismissed.

The full code for that file is

import React from 'react';
import "./BusinessList.css";
import Business from "../Business/Business";
class BusinessList extends React.Component {
        render() {
            return  (
                <div className="BusinessList" >
                
                <Business />
                <Business />
                <Business />
                <Business />
                <Business />
                <Business />
               </div>   
			   )
            }
        }
        export default BusinessList;

Can anyone help with this?

Hey @billcerasoli02960974. I can help you. For this… I think you may have to run the command npm install @babel/plugin-transform-react-jsx --save for this to work, or maybe you are on a older version of react.

1 Like

That did it thank you very much for your help

Also to make sure that you are using that module, add it to your other node_modules folder (which is in your home directory) to do that, run the command npm install -g @babel/plugin-transform-react-jsx (for future react projects)

1 Like

Hi hypercoder. I’m having a similar issue and I tried to resolve it using the same method but didn’t work. Here’s a link to my issue: Ravenous Part 1 compiling issue