fix: avoid ref access in useId (#1078)

Co-authored-by: Henning Muszynski <henningmu@users.noreply.github.com>

Author: henningmu

.react-compiler.rec.json

@@ -19,9 +19,6 @@
     },
     "src/tooltip/tooltip.tsx": {
       "CompileError": 1
-    },
-    "src/utils/common-helpers.ts": {
-      "CompileError": 2
     }
   }
 }

src/utils/common-helpers.ts

@@ -14,11 +14,6 @@ export function generateElementId(prefix: string): string {
  * @deprecated Use `useId` available from React 18 or above instead.
  */
 export function useId(providedId?: string): string {
-    const ref = React.useRef<string | null>(providedId ?? null)
-    // eslint-disable-next-line react-hooks/refs
-    if (!ref.current) {
-        ref.current = generateElementId('element')
-    }
-    // eslint-disable-next-line react-hooks/refs
-    return ref.current
+    const [id] = React.useState<string>(() => providedId || generateElementId('element'))
+    return id
 }