fix(useId): make useId stable for client/server e.g. nextjs

equinor · Dec 12, 2024 · 3e296f1 · 3e296f1
1 parent cedfdf0
commit 3e296f1
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/eds-utils/src/hooks/useId.ts b/packages/eds-utils/src/hooks/useId.ts
@@ -1,14 +1,14 @@
 import { useEffect, useState } from 'react'
 
+let counter = 0
+
 export const useId = (idOverride: string, type?: string): string => {
   const [defaultId, setDefaultId] = useState(idOverride)
   const id = idOverride || defaultId
 
   useEffect(() => {
     if (defaultId == null) {
-      setDefaultId(
-        `eds-${type ? type + `-` : ''}${Math.round(Math.random() * 1e5)}`,
-      )
+      setDefaultId(`eds-${type ? type + `-` : ''}${counter++}`)
     }
   }, [defaultId, type])
   return id