Syntax Error with ReactDom.render(); I can't find the issue

This is my code

```const Planet = (props)=>{

return( <div className="card"> <div> <img src={props.url} alt={props.name}> <div/> <h2>{props.name}</h2> <p>{props.desc}</p> <h3>Planet Profile</h3> <ul> <li><strong>Diameter:</strong> {props.diameter}</li> <li><strong>Moons:</strong> {props.moons}</li> </ul> <div/>

);

};

// 2: Create a container component that iterates over the planets array // and renders a 'Planet' component for each object in the array const PlanetList = (props)=> return( <div className="container"> {props.planets.map(planet =>

<Planet 

name={planet.name} moons= {planet.moons} desc={planet.desc} url ={planet.url} key={planet.id} diameter={planet.diameter}

/> ) }

</div>

);

// 3: Render the container component to the DOM ReactDom.render( <PlanetList planets={planets}/>,

document.getElementById('root')

);```

This is the error from dev tools.

```babel.js:14449 Uncaught SyntaxError: http://port-80-0qzcx4n3og.treehouse-app.com/app.js: Unterminated JSX contents (123:33) 121 | // 3: Render the container component to the DOM 122 | ReactDom.render(

123 | <PlanetList planets={planets}/>, | ^ 124 |
125 | document.getElementById('root') 126 |
at Parser.pp$5.raise (babel.js:14449) at Parser.pp$9.jsxReadToken (babel.js:16870) at Parser.<anonymous> (babel.js:17245) at Parser.readToken (babel.js:16065) at Parser.nextToken (babel.js:10761) at Parser.next (babel.js:10686) at Parser.eat (babel.js:10693) at Parser.pp.expect (babel.js:11744) at Parser.pp$9.jsxParseOpeningElementAt (babel.js:17145) at Parser.pp$9.jsxParseElementAt (babel.js:17164)```