chore: fix docs build

Author: karol-broda

docs/src/components/mdx/mermaid.tsx

@@ -1,9 +1,8 @@
 'use client';
 import { useTheme } from 'next-themes';
-import { useEffect, useState, useId, useRef } from 'react';
+import { useEffect, useState, useRef } from 'react';
 
 export default function Mermaid({ chart }: { chart: string }) {
-  const id = useId();
   const [isClient, setIsClient] = useState(false);
   const { resolvedTheme } = useTheme();
   const [error, setError] = useState<string | null>(null);
@@ -111,7 +110,7 @@ export default function Mermaid({ chart }: { chart: string }) {
         };
 
         // initialize mermaid
-        mermaid.initialize(themeConfig);
+        mermaid.initialize(themeConfig as Record<string, unknown>);
 
         // clear the container
         if (containerRef.current) {

docs/src/components/ui/aurora.tsx

@@ -142,7 +142,7 @@ export default function Aurora(props: AuroraProps) {
     gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
     gl.canvas.style.backgroundColor = "transparent";
 
-    let program: Program | undefined;
+    let program: Program | undefined = undefined;
 
     function resize() {
       if (!ctn) return;
@@ -208,7 +208,7 @@ export default function Aurora(props: AuroraProps) {
       }
       gl.getExtension("WEBGL_lose_context")?.loseContext();
     };
-  }, [amplitude]);
+  }, [amplitude, blend, colorStops]);
 
   return <div ref={ctnDom} className="w-full h-full" />;
 }