From a3c4d8ba5fa37cb4d24b7921ed1579d56beb7bff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vilde=20Oppeg=C3=A5rd?= <vilde.dahl.opp@gmail.com>
Date: Tue, 11 Jul 2023 08:59:24 +0200
Subject: [PATCH] fix(clock): fixed hydration error in clock

---
 next-tavla/src/Shared/components/Clock/index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/next-tavla/src/Shared/components/Clock/index.tsx b/next-tavla/src/Shared/components/Clock/index.tsx
index 1264b6668..b9bf9aed8 100644
--- a/next-tavla/src/Shared/components/Clock/index.tsx
+++ b/next-tavla/src/Shared/components/Clock/index.tsx
@@ -1,9 +1,12 @@
 import { useEffect, useState } from 'react'
 
 function Clock() {
-    const [currentTime, setCurrentTime] = useState(Date.now())
+    const [currentTime, setCurrentTime] = useState<number | undefined>(
+        undefined,
+    )
 
     useEffect(() => {
+        setCurrentTime(Date.now())
         const intervalId = setInterval(() => setCurrentTime(Date.now()), 1000)
         return () => clearInterval(intervalId)
     }, [])
@@ -13,7 +16,7 @@ function Clock() {
         timeZone: 'Europe/Oslo',
     }).format(currentTime)
 
-    return <span>{time}</span>
+    return <span>{currentTime ? time : 'kunne ikke hente tiden'}</span>
 }
 
 export { Clock }