Further obfuscate reference to React.useId

Use technique from this comment: mui/material-ui#41190 (comment) to further obfuscate reference to `React.useId` which causes issue when using `react-resizable-panels` with React <18 and `esbuild` > 0.19.5. Fixes bvaughn#381
nwidger · Jul 31, 2024 · 97df604 · 97df604
1 parent ba73ac7
commit 97df604
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/react-resizable-panels/src/vendor/react.ts b/packages/react-resizable-panels/src/vendor/react.ts
@@ -36,8 +36,8 @@ const {
   useState,
 } = React;
 
-// `toString()` prevents bundlers from trying to `import { useId } from 'react'`
-const useId = (React as any)["useId".toString()] as () => string;
+// `Math.random()` and `.slice(0, 5)` prevents bundlers from trying to `import { useId } from 'react'`
+const useId = (React as any)[`useId${Math.random()}`.slice(0, 5)] as () => string;
 
 const useLayoutEffect_do_not_use_directly = useLayoutEffect;