react router v6 setSearchParams, navigate와 useEffect - prgrms-web-devcourse/Team_Alchomist_ShakeNMatch_FE GitHub Wiki

setSearchParams가 useEffect 문 내에서 동작할때, 해당 컴포넌트의 첫렌더링시에 호출되는 useEffect에서 정상적으로 작동하지 않는 문제가 있다.

하단의 에러가 나타난다.

You should call navigate() in a React.useEffect(), not when your component is first rendered.