Next13 페이지 이동시 recoil state가 계속 reset되는 오류

window.location 을 이용해서 페이지이동으로 하려고하니 전체 페이지가 refresh되면서 recoil의 state가 날아가는 현상이 발생

next/router를 이용해서 계속 에러가 발생했는데 next/navigation 의 useRouter를 사용했어야했다. 

 

import { useRouter } from 'next/navigation';

export default function Page() {
  const router = useRouter();

  return (
    <button type="button" onClick={() => router.push('/dashboard')}>
      Dashboard
    </button>
  );
}

 

 

 

 

 

 

Reference

https://beta.nextjs.org/docs/api-reference/use-router

Client Component Hooks: useRouter | Next.js