diff --git a/apps/frontend/app/(client)/(code-editor)/_components/EditorDescription.tsx b/apps/frontend/app/(client)/(code-editor)/_components/EditorDescription.tsx index e2979060c..8fed28d80 100644 --- a/apps/frontend/app/(client)/(code-editor)/_components/EditorDescription.tsx +++ b/apps/frontend/app/(client)/(code-editor)/_components/EditorDescription.tsx @@ -18,7 +18,7 @@ import { import { convertToLetter } from '@/libs/utils' import compileIcon from '@/public/icons/compile-version.svg' import type { ProblemDetail } from '@/types/type' -import { sanitize } from 'isomorphic-dompurify' +import DOMPurify from 'isomorphic-dompurify' import { FileText } from 'lucide-react' import Image from 'next/image' import CopyButton from './CopyButton' @@ -131,7 +131,9 @@ export function EditorDescription({
           
diff --git a/apps/frontend/app/(client)/(code-editor)/_components/WhitespaceVisualizer.tsx b/apps/frontend/app/(client)/(code-editor)/_components/WhitespaceVisualizer.tsx
index ad7100d5d..f2289b93e 100644
--- a/apps/frontend/app/(client)/(code-editor)/_components/WhitespaceVisualizer.tsx
+++ b/apps/frontend/app/(client)/(code-editor)/_components/WhitespaceVisualizer.tsx
@@ -1,5 +1,5 @@
 import { cn } from '@/libs/utils'
-import { sanitize } from 'isomorphic-dompurify'
+import DOMPurify from 'isomorphic-dompurify'
 
 export function WhitespaceVisualizer({
   text = '',
@@ -37,7 +37,7 @@ export function WhitespaceVisualizer({
         className
       )}
       dangerouslySetInnerHTML={{
-        __html: sanitize(
+        __html: DOMPurify.sanitize(
           isTruncated ? truncatedText : highlightedWhitespaceText
         )
       }}