From 7639214b6322957ed21246e45e804cdaca3ae328 Mon Sep 17 00:00:00 2001
From: jakubmanczak <jakub@manczak.net>
Date: Tue, 27 Dec 2022 15:32:21 +0100
Subject: [PATCH] patch hydration error

---
 pages/404.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/pages/404.tsx b/pages/404.tsx
index 325864d..a8698f3 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -1,9 +1,13 @@
 import { SEO } from "../components/SEO";
 import { useRouter } from "next/router";
-import Link from "next/link";
+import { useEffect, useState } from "react";
 
 const PageError404 = () => {
 	const router = useRouter();
+	const [badPath, setBadPath] = useState("");
+	useEffect(() => {
+		setBadPath(router.asPath);
+	}, [router.asPath]);
 	return (
 		<>
 			<SEO title="404" />
@@ -33,7 +37,7 @@ const PageError404 = () => {
 					</p>
 				</div>
 			</div>
-			<div style={{ textAlign: "center", lineHeight: "1.5rem" }}>
+			<p style={{ textAlign: "center", lineHeight: "1.5rem" }}>
 				<span
 					style={{
 						padding: "4px",
@@ -42,10 +46,10 @@ const PageError404 = () => {
 						boxShadow: "var(--shadow0)",
 					}}
 				>
-					{useRouter().asPath}
+					{badPath}
 				</span>{" "}
 				nie jest poprawnym adresem.
-			</div>
+			</p>
 		</>
 	);
 };