Визуализировать объект в React

Я хочу отображать «жанры» объекта, но моя консоль возвращается ко мне:

Error: Objects are not valid as a React child (found: object with keys {genre}). 
If you meant to render a collection of children, use an array instead.

Мой код

function Movie({title,summary,year,poster,genres}){ 
    return(
        <div className = "movie">
            {genres.map(genre=>{return {genre}})} //doesn't work
        {genres.map(genre=>{return <li>{genre}</li>})}
         </div>
    )
}

первый код

{genres.map(genre=>{returns {genre}})}

не работает

Но второй код ниже работает хорошо.

{genres.map(genre=>{returns <li>{genre}</li>})} 

В чем разница между этими двумя вещами?