link로 이동시 data undefined 새로고침시 정상 작동

Question

선생님 안녕하세요. 다이나믹 라우팅으로 게시물 id 값을 쿼리로 줘서 그에 응하는 데이터를 백엔드에서 받아서 화면을 그려주려하는데요. index page에서 link태그로 해당 주소로 이동하면 아래와 같은 오류가 뜹니다.  그러나 해당 페이지에서 새로고침시 정상 작동이 되는데 ssr 과 관련해서 제가 어떤 문제를 겪고있는거 같습니다.. Link 를 타고 들어가면 클라이언트에서 실행되기에 겪는 문제일가요?? 관련해 검색해본 자료입니다. next.js공식 튜토리얼 실습일지 추가로 혹 getServersideprops에서 Request Header에 있는 쿠키를 가공하는 법을 알려주심 감사하겠습니다. 어제 하루종일 구글링을 해도 제 실력이 부족하여 찾지 못했습니다 ㅠㅠ  (Cookie: refreshToKEN=~~~ , accessToken= ~~~ )인데 이중 accessToken 결괏값만 꺼내에 axios.default.headers.common["x-access-token"]= 에 넣어주고싶습니다. 항상 최대한 찾아보고 끙끙 앓다가 질문글 올리고있습니다. 늘 감사합니다.

제로초(조현영) · Answer

클라이언트에서는 getServerSideProps의 데이터를 따로 가져오기때문에 잠깐동안 onestore가 없을 수 있습니다. if (!onestore) return null; 넣어주시면 로딩 끝난 후 화면 뜰 것 같습니다. const response = await axios.메서드(토큰요청) axios.default.headers.common["x-access-token"]= response.헤더의 토큰; 이렇게만 들어가면 될 것 같습니다.