Cannot read properties of undefined (reading 'map')

실제 map()을 사용하는 곳에서는 에러가 없는데
메인 페이지에서 클릭하기도 전에 에러가 났다

 

영화 목록이 나열되어 있는 메인 페이지에서는 개별 movie의 데이터가 없기 때문에 불러 올 수 없다는 것 같아서 아래와 같이 존재하면 출력하게 변경했다. 

    {/* 에러부분 왜 나는 지 모르겠음 */}
    {movie.genres ?
      <div>
        genre: {movie.genres.map((genre) => <li>{genre}</li>)}
      </div>
      : null}