[next.js] 맵핑되지 않는 라우터 404페이지 노출 대신 redirect 하는 법

pages/404.js

import { useEffect } from "react"
import { useRouter } from "next/router"
import { TEMPLATE_MODEL } from "../common/constants/Template";

export default function Custom404() {
  const router = useRouter()

  useEffect(() => {
    router.replace(`/${TEMPLATE_MODEL}`);
  })

  return null
}