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.

That did it thank you very much for your help