nextjs2 [NextJS 13] Error: The default export is not a React Component in page: app 경로의 page.tsx/jsx로 이름 붙여진 파일은 컴포넌트를 export할 때 default로 export 시켜줘야한다. page.tsx가 이렇게 되어 있으면 에러가 뜨는 것이다. 이렇게 바꿔주면 된다. 반면 page.tsx가 아닌 페이지를 구성하는 컴포넌트는 반드시 default로 export 시켜줘야하는 것은 아니다. 2023. 8. 17. Error: NextRouter was not mounted. https://nextjs.org/docs/messages/next-router-not-mounted "use client"; import { useRouter } from "next/router"; const ToProducts = () => { const router = useRouter(); return ( { router.push("/products"); }} > To products page ); }; export default ToProducts; Nextjs 클라이언트 컴포넌트를 위와 같이 사용하면 저런 에러가 뜬다. 원인은 next/router의 import다. next/navigation으로 import 경로를 바꿔주면 된다. https://stackoverflow.com/questions/74421327/nextrouter-was-not-mounted-next-js 2023. 7. 29. 이전 1 다음