Hey
I am getting this type of error:
The CountryResults.js component should render the gold medals value (medals.gold props) inside li element
The CountryResults.js component should render the silver medals value (medals.silver props) inside li element
The CountryResults.js component should render the bronze medals value (medals.bronze props) inside li element
The CountryResults.js component should render the total medals value inside li element
Is it sth wrong with accesing the medals object?
//Code
`import React from 'react'
const CountryResults = (props) => {
return (
<div>
<h2>{props.country}</h2>
<ul>
<li>Gold:{props.medals.gold}</li>
<li>Silver:{props.medals.silver}</li>
<li>Bronze:{props.medals.bronze}</li>
<li>Total:{props.medals.length}</li>
</ul>
</div>
)
}`