dispatch router질문입니다

a쪽 컴포넌트는 const codeConfirm=useCallback(async()=>{

  const codeDispatch=useCallback(async(resolve,reject)=>{
            return await new Promise((resolve,reject)=>{
            dispatch({
            type:CODE_REQUEST,
            data:code
            });
            resolve();
    }
            )
    },[code])   
     if(code===undefined){
            alert('코드를 입력해주세요');
            return;
        }
        await codeDispatch().then(()=>{
            if(codeInfo){
            router.push('/b');
        }
        })

    },[code])
이렇게 짜보았고 b쪽은
  useEffect(()=>{
        if(!codeInfo){
            console.log(codeInfo);
            alert('잘못 된 코드를 입력하였습니다');
            router.push({pathname:'/a'});
        }
    },[codeInfo])
이런식으로 짜보았는데
b로 넘어갔다가 a로 다시넘어가는 현상이있습니다

인프런 커뮤니티 질문&답변