diff --git a/packages/react/src/hooks/useImpler.ts b/packages/react/src/hooks/useImpler.ts
index cb97d5b2d..beea94ea4 100644
--- a/packages/react/src/hooks/useImpler.ts
+++ b/packages/react/src/hooks/useImpler.ts
@@ -83,9 +83,14 @@ export function useImpler({
   }, []);
 
   function generateUuid() {
-    return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
-  }
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (cv) {
+      const cr = crypto.getRandomValues(new Uint8Array(1))[0] % 16 | 0;
+      const vv = cv === 'x' ? cr : (cr & 0x3) | 0x8;
 
+      return vv.toString(16);
+    });
+  }
+  
   const showWidget = async ({ colorScheme, data, schema, output }: ShowWidgetProps) => {
     if (window.impler && isImplerInitiated) {
       const payload: IShowPayload = {