fix(clock): fixed hydration error in clock

entur · Jul 11, 2023 · a3c4d8b · a3c4d8b
1 parent cb7bb48
commit a3c4d8b
Showing 1 changed file with 5 additions and 2 deletions.
diff --git 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 }