nextJS-router 페이지 이동 안됨

"use client";
import React, { useState } from "react";

  const router = useRouter();
  
    const handleSubmit = (e: { preventDefault: () => void }) => {
    e.preventDefault();
    router.push("/main");
  };

 

<form action="로그인 처리 페이지 URL" method="post" onSubmit={handleSubmit}>

 

이동만 시켜보려 했는데 안됨.

 

 

알 거 같은데 모르겠음.

 

** Next.js 애플리케이션에서 클라이언트 사이드 코드에서만 next/router를 사용해야 한다는 경고 **

 

 

그래서 이래하니까 된다~!

import { useRouter } from "next/navigation";

 

navigation이 최신버전이다.