router in useEffect

const urlSearchParams = new URLSearchParams(window.location.search);
if (urlSearchParams.get('from') === 'mail') setSelectedTab(TabType.Privacy);

초기페이지를 주소쿼리문 보고 탭을 설정하고 싶어서 router.query.data 을 useEffect(()=> ~~,[])

문 안에서 처리하려고 하는데 처리가 안됬다.

그래서 의존성에 router.query.data 를 추가를 해줬는데 찝찝해서 찾아봤다.

next 에서 자동정적 최적화에 의해서 querydata null 인채로 먼저 hydration 하고 나서 쿼리데이터를 받아온다

 

그래서 위에처럼 받아오면 의존성배열없이 처음에만 확인해서 분기할수있고 

next 이요하려면 IsReady 옵션이 있으니까 찾아서 쓰면된다~