Use uuid library instead of web crypto API (#402)

Author: davidjgoss

CHANGELOG.md

@@ -13,6 +13,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 ### Changed
 - Render a more test case-centric report ([#396](https://github.com/cucumber/react-components/pull/396))
 
+### Fixed
+- Use uuid library instead of web crypto API ([#402](https://github.com/cucumber/react-components/pull/402))
+
 ### Removed
 - BREAKING CHANGE: Remove defunct scenario/step components `<ExamplesTable/>`, `<GherkinStep/>`, `<GherkinSteps/>`, `<HookStep/>`, `<HookSteps/>`, `<StepItem/>` and their corresponding `CustomRenderingSupport` properties ([#396](https://github.com/cucumber/react-components/pull/396))
 - BREAKING CHANGE: Remove defunct `<UriProvider/>` component and underlying context ([#396](https://github.com/cucumber/react-components/pull/396))

package-lock.json

@@ -48,7 +48,8 @@
     "rehype-sanitize": "4.0.0",
     "remark-breaks": "2.0.2",
     "remark-gfm": "1.0.0",
-    "use-debounce": "^10.0.0"
+    "use-debounce": "^10.0.0",
+    "uuid": "9.0.0"
   },
   "peerDependencies": {
     "react": "~18",

package.json

@@ -9,14 +9,15 @@ import {
   AccordionItemHeading,
   AccordionItemPanel,
 } from 'react-accessible-accordion'
+import { v4 as uuidv4 } from 'uuid'
 
 import { StatusIcon } from '../gherkin/index.js'
 import styles from './DocumentAccordion.module.scss'
 
 const idByUri = new Map<string, string>()
 function getIdByUri(uri: string): string {
   if (!idByUri.has(uri)) {
-    idByUri.set(uri, crypto.randomUUID())
+    idByUri.set(uri, uuidv4())
   }
   return idByUri.get(uri) as string
 }