redirect on client for 404

client/src/pages/404.tsx

@@ -1,12 +1,14 @@
-export default function NotFound() {}
+import { useRouter } from "next/router";
+import { useEffect } from "react";
 
 // Temporary. Move to app/ directory when it's supported
 
-export function getStaticProps() {
-  return {
-    redirect: {
-      destination: "/",
-      permanent: true
-    }
-  };
+export default function NotFound() {
+  const router = useRouter();
+
+  useEffect(() => {
+    router.replace("/");
+  });
+
+  return null;
 }