Next.js Typescript 404 Redirect

404.tsx

import { useEffect } from "react"
import { useRouter } from "next/router"

export default function Custom404() {
  const router = useRouter()
  useEffect(() => {
    router.replace("/")
  })
  return null
}