lesson-8

iamshaunjp · iamshaunjp · commit e8e53daea394 · 2021-01-05T09:05:54.000Z
diff --git a/pages/404.js b/pages/404.js
@@ -1,11 +1,23 @@
 import Link from 'next/link'
+import { useEffect } from 'react'
+import { useRouter } from 'next/router'
 
 const NotFound = () => {
+  const router = useRouter()
+
+  useEffect(() => {
+    setTimeout(() => {
+      // router.go(-1)
+      // router.go(1)
+      router.push('/')
+    }, 3000)
+  }, [])
+
   return (
     <div className="not-found">
       <h1>Ooops...</h1>
       <h2>That page cannot be found :(</h2>
-      <p>Go back to the <Link href="/"><a>Homepage</a></Link></p>
+      <p>Going back to the <Link href="/"><a>Homepage</a></Link> is 3 seconds...</p>
     </div>
   );
 }
