[React] useLocation 사용시 state 값이 null로 들어오는 문제

<div className="movie">
      <Link
        to={{
          pathname: `/movie/${id}`,
          state: {
            year,
            title,
            summary,
            poster,
            genres
          }
        }}
      >

 

react-router-dom v6 부터는 위와 같이 작성시

state 값이 null로 들어오는 문제가 있다. 

 

해결법

>> 

<Link

        to={`/movie/${id}`}

        state= {{

          year,

          title,

          summary,

          poster,

          genres}

        }>

로 to 속성에는 URL값만 넣어주고 state 속성을 따로 처리 해주었더니 문제가 해결 되었다