chore(clock): assed suppresshydrationwarning to clock component

entur · Jul 11, 2023 · 6abd450 · 6abd450
1 parent a3c4d8b
commit 6abd450
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/next-tavla/src/Shared/components/Clock/index.tsx b/next-tavla/src/Shared/components/Clock/index.tsx
@@ -1,12 +1,9 @@
 import { useEffect, useState } from 'react'
 
 function Clock() {
-    const [currentTime, setCurrentTime] = useState<number | undefined>(
-        undefined,
-    )
+    const [currentTime, setCurrentTime] = useState(Date.now())
 
     useEffect(() => {
-        setCurrentTime(Date.now())
         const intervalId = setInterval(() => setCurrentTime(Date.now()), 1000)
         return () => clearInterval(intervalId)
     }, [])
@@ -16,7 +13,7 @@ function Clock() {
         timeZone: 'Europe/Oslo',
     }).format(currentTime)
 
-    return <span>{currentTime ? time : 'kunne ikke hente tiden'}</span>
+    return <span suppressHydrationWarning>{time}</span>
 }
 
 export { Clock }