Unexpected identifier div in next Js

Question

This code is giving error Unexpected identifier div

export default function Home(){
  return (

    <div className="homebody">
<nav className="nav" >
<div className="left" >
<div className="imgc" >
<img width="25"  src="Imgs/1.png">
</div>
<p>MADARA</p>
</div>
<div className="right" >
<p>helll</p>
<p>helll</p>
<p>helll</p>
</div>
</nav>
<div className="hero" >
<h2>A Super Profile For All The Super Things U Do</h2>
<p>Your all-in-one personalized space to showcase content , sell products , and grow your audience</p>
<button>Create Your Profile</button>
</div>
</div>
    
  )

}

I tried the solutions from stackovefflow but it's not working TypeScript Error : Unexpected token `div`. Expected jsx identifier