From 9b7b63f679d6ed45eb0fef051765bc5b3dd6e3e3 Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Sun, 14 Jul 2024 19:31:23 +0200
Subject: [PATCH] use divs for leads to fix hydration issue

---
 web/src/app/aktuelt/[slug]/page.tsx | 2 +-
 web/src/app/error.tsx               | 4 ++--
 web/src/app/not-found.tsx           | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/app/aktuelt/[slug]/page.tsx b/web/src/app/aktuelt/[slug]/page.tsx
index ab2f5ea..6212ea5 100644
--- a/web/src/app/aktuelt/[slug]/page.tsx
+++ b/web/src/app/aktuelt/[slug]/page.tsx
@@ -56,7 +56,7 @@ export default async function Page({ params }: { params: { slug: string } }) {
         </p>
         <h1 className="news-title">{news.title}</h1>
         {news.lead && (
-          <p className="lead" dangerouslySetInnerHTML={{ __html: news.lead }} />
+          <div className="lead" dangerouslySetInnerHTML={{ __html: news.lead }} />
         )}
         {featuredImage && (
           <ImageFigure
diff --git a/web/src/app/error.tsx b/web/src/app/error.tsx
index 60e749c..7a70657 100644
--- a/web/src/app/error.tsx
+++ b/web/src/app/error.tsx
@@ -5,9 +5,9 @@ function ErrorPage() {
     <main className="site-main" id="main">
       <div>
         <h1>500: En feil har oppstått</h1>
-        <p className="lead">
+        <div className="lead">
           Her gikk det skikkelig skeis i datamaskinen. Lykke til videre.
-        </p>
+        </div>
       </div>
     </main>
   );
diff --git a/web/src/app/not-found.tsx b/web/src/app/not-found.tsx
index c2ef8e9..eccc234 100644
--- a/web/src/app/not-found.tsx
+++ b/web/src/app/not-found.tsx
@@ -3,7 +3,7 @@ function NotFoundPage() {
     <main className="site-main" id="main">
       <div>
         <h1>404: Side ikke funnet</h1>
-        <p className="lead">Denne siden er på grisefest. Lykke til videre.</p>
+        <div className="lead">Denne siden er på grisefest. Lykke til videre.</div>
       </div>
     </main>
   );