fix: 브라우저에서 window.crypto.randomUUID()을 지원하지 않아 라이브러리가 실패하는 문제 수정

Author: MU-Software

apps/pyconkr/src/debug/page/mdi_test.tsx

@@ -19,12 +19,12 @@ const setMdxInputToLocalStorage: (input: string) => string = (input) => {
 
 export const MdiTestPage: React.FC = () => {
   const inputRef = React.useRef<HTMLTextAreaElement>(null);
-  const [state, setState] = React.useState<{ text: string, resetKey: string }>({
+  const [state, setState] = React.useState<{ text: string, resetKey: number }>({
     text: getMdxInputFromLocalStorage(),
-    resetKey: window.crypto.randomUUID()
+    resetKey: Math.random()
   });
 
-  const setMDXInput = (text: string) => setState({ text: setMdxInputToLocalStorage(text), resetKey: window.crypto.randomUUID() });
+  const setMDXInput = (text: string) => setState({ text: setMdxInputToLocalStorage(text), resetKey: Math.random() });
 
   return (
     <Stack direction="row" spacing={2} sx={{ width: "100%", flexGrow: 1, p: 2 }}>

packages/common/src/components/mdx.tsx

@@ -38,15 +38,15 @@ const lineFormatterForMDX = (line: string) => {
   return `${trimmedLine}  \n`;
 }
 
-export const MDXRenderer: React.FC<{ text: string; resetKey?: string }> = ({ text, resetKey }) => {
+export const MDXRenderer: React.FC<{ text: string; resetKey?: number }> = ({ text, resetKey }) => {
   const { baseUrl, mdxComponents } = Hooks.Common.useCommonContext();
-  const [state, setState] = React.useState<{ component: React.ReactNode, resetKey: string }>({
+  const [state, setState] = React.useState<{ component: React.ReactNode, resetKey: number }>({
     component: <CircularProgress />,
-    resetKey: window.crypto.randomUUID(),
+    resetKey: Math.random(),
   })
 
   const setRenderResult = (component: React.ReactNode) => setState((prev) => ({ ...prev, component: component }));
-  const setRandomResetKey = () => setState((prev) => ({ ...prev, resetKey: window.crypto.randomUUID() }))
+  const setRandomResetKey = () => setState((prev) => ({ ...prev, resetKey: Math.random() }))
 
   React.useEffect(() => {
     (