fix(error-handling): Add error handling for unsupported/unbundled lan…

…guages

src/lib/hooks/useShiki.ts

@@ -1,5 +1,9 @@
 import { useState, useEffect, type ReactNode } from 'react';
-import { codeToHtml, type BundledLanguage, type BundledTheme } from 'shiki';
+import {
+  codeToHtml,
+  type BundledLanguage,
+  type BundledTheme,
+} from 'shiki';
 import parse from 'html-react-parser';
 import { removeTabIndexFromPre } from '@/lib/utils';
 
@@ -13,14 +17,25 @@ export const useShikiHighlighter = (
   );
 
   useEffect(() => {
-    codeToHtml(code,
-      {
-        lang: lang as BundledLanguage,
-        theme,
-        transformers: [removeTabIndexFromPre]
-      }).then((html) => {
-      setHighlightedCode(parse(html));
-    });
+    const highlightCode = async () => {
+      try {
+        const html = await codeToHtml(code, {
+          lang: lang as BundledLanguage,
+          theme,
+          transformers: [removeTabIndexFromPre],
+        });
+        setHighlightedCode(parse(html));
+      } catch (error) {
+        const fallbackHtml = await codeToHtml(code, {
+          lang: 'plaintext',
+          theme,
+          transformers: [removeTabIndexFromPre],
+        });
+        setHighlightedCode(parse(fallbackHtml));
+      }
+    };
+
+    highlightCode();
   }, [code]);
 
   return highlightedCode;