fix: use router instead of a tag

avneesh0612 · Feb 8, 2022 · d554049 · d554049
1 parent eefac78
commit d554049
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/pages/404.tsx b/pages/404.tsx
@@ -1,7 +1,11 @@
 import Image from "next/image";
 import { FC } from "react";
 
+inport { useRouter } from "next/router" 
+
 const customError: FC = () => {
+
+  const router = useRouter() 
   return (
     <div className="flex flex-col items-center justify-center w-screen h-screen">
       <Image
@@ -20,12 +24,12 @@ const customError: FC = () => {
         We suggest you back to home :)
       </p>
 
-      <a
-        href="/"
+      <button 
+        onClick={()=>router.push('/')}
         className="mt-4 cursor-pointer flex items-center px-5 py-2 duration-100 border-2 rounded-lg fill-current stroke-current text-darkerblue bg-neongreen border-neongreen hover:bg-transparent hover:text-neongreen"
       >
         Back to Home
-      </a>
+      </button>
     </div>
   );
 };