[Next.js 13] next/navigation 사용하기

import { useRouter } from 'next/router'

13버전 이전에는 'next/router'로 가능했는데 ..

버전이 바뀌면서 이렇게 import 해오면 제대로 작동하지 않는다.

사용법

import { useRouter } from 'next/navigation';
'next/navigation'; 으로 부터 import 해와야 한다 ⭐️

사용법 예시

const Login = () => {
  const router = useRouter();

 	..
    
  const handleSignin = async (): Promise<void> => {
    if (..) {
    }
    try {
      ..
      
      router.push('/');
      
      console.log('로그인성공');
    } catch (error) {
      console.log('실패하였습니다', error);
    }
    return;
  };

  return (
    <Section>
      <LoginText>로그인</LoginText>
      <Wrapper>
        <LoginTextField
          ..
        />
        <LoginTextField
         ..
        />
        <Btn
        ..
          onClick={handleSignin}
          ..
        />
      </Wrapper>
      <Box>
       ..
      </Box>
    </Section>
  );
};

export default Login;