From c5a8f3abcdee1ec45f83e72b37cef8103f87a436 Mon Sep 17 00:00:00 2001
From: asminkarki012 <asminkarki09@gmail.com>
Date: Fri, 11 Apr 2025 11:48:07 +0545
Subject: [PATCH] refact:generate unique meraid id using crypto.randomUUID

---
 frontend/src/components/MermaidRenderer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/MermaidRenderer.tsx b/frontend/src/components/MermaidRenderer.tsx
index d3fda1d4..23b69155 100644
--- a/frontend/src/components/MermaidRenderer.tsx
+++ b/frontend/src/components/MermaidRenderer.tsx
@@ -32,7 +32,7 @@ const MermaidRenderer: React.FC<MermaidRendererProps> = ({
     const renderDiagram = async (): Promise<void> => {
       try {
         // Generate unique ID
-        const id = `mermaid-${Math.random().toString(36).substring(2, 9)}`;
+        const id = `mermaid-${crypto.randomUUID()}`;
 
         // Render the diagram
         const { svg } = await mermaid.render(id, code);