Do not use crypto.randomUI without polyfill

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@surfnet/sds",
-  "version": "0.0.101",
+  "version": "0.0.102",
   "description": "SURF Design System for React",
   "main": "cjs/index.js",
   "module": "esm/index.js",

src/common/utils.ts

@@ -33,5 +33,6 @@ export function sanitize(text: string) {
 }
 
 export function pseudoGuid() {
-    return (crypto.randomUUID && crypto.randomUUID()) || Math.round((new Date().getTime() * Math.random() * 1000)).toString()
+    return (crypto.randomUUID && typeof crypto.randomUUID === "function" && crypto.randomUUID()) ||
+        Math.round((new Date().getTime() * Math.random() * 1000)).toString()
 }

src/components/RadioButton/RadioButton.tsx

@@ -1,6 +1,7 @@
 import React, {ChangeEventHandler} from "react";
 import Tooltip from "../Tooltip/index";
 import "../Tooltip/TooltipParent.scss";
+import {pseudoGuid} from "../../common/utils";
 
 export interface RadioButtonProps {
     label: string;
@@ -15,7 +16,7 @@ export interface RadioButtonProps {
 }
 
 const RadioButton = (props: RadioButtonProps) => {
-    const id = props.id || crypto.randomUUID();
+    const id = props.id || pseudoGuid();
     const className = `sds--radio-container ${
         props.tooltip ? "sds--tooltip-parent" : ""
     }`;

src/components/Tooltip/Tooltip.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import "./Tooltip.scss";
 import {PlacesType, Tooltip as ReactTooltip} from "react-tooltip";
 import {ReactComponent as InfoIcon} from "../../icons/functional-icons/info.svg";
-import {sanitize} from "../../common/utils";
+import {pseudoGuid, sanitize} from "../../common/utils";
 
 export interface TooltipProps {
     tip: string;
@@ -12,7 +12,7 @@ export interface TooltipProps {
 }
 
 const Tooltip = (props: React.PropsWithChildren<TooltipProps>) => {
-    const uniqueAnchorId = "A" + crypto.randomUUID();
+    const uniqueAnchorId = "A" + pseudoGuid();
     return (
         <div  id={uniqueAnchorId} className={`sds--tooltip-container ${props.standalone ? "" : "sibbling"}`}>
             {props.children ? React.Children.map(props.children, (child: any) => child) : <InfoIcon/>}