diff --git a/src/Highlight/hooks/useShiki.tsx b/src/Highlight/hooks/useShiki.tsx
index d020fbe9..cb30c458 100644
--- a/src/Highlight/hooks/useShiki.tsx
+++ b/src/Highlight/hooks/useShiki.tsx
@@ -1,4 +1,4 @@
-import * as DOMPurify from 'dompurify';
+import DOMPurify from 'dompurify';
 import { useEffect, useState } from 'react';
 import { getHighlighter, type Highlighter } from 'shiki/bundle/web';
 import { themeConfig } from '../theme';
diff --git a/tests/__snapshots__/demo.test.tsx.snap b/tests/__snapshots__/demo.test.tsx.snap
index 76b80899..7dec2564 100644
--- a/tests/__snapshots__/demo.test.tsx.snap
+++ b/tests/__snapshots__/demo.test.tsx.snap
@@ -15936,40 +15936,14 @@ export interface MarkdownProps {
 
 const MemoHr = memo((props) => (
   
-                  <divider
-                    '1em',=""
-                    0=""
-                    marginbottom:=""
-                    margintop:=""
-                    style="{{"
-                    {...props}=""
-                    }}=""
-                  >
-                    
 ));
-const MemoDetails = memo((props) =&gt; 
-                    <collapse
-                      '1em'=""
-                      marginbottom:=""
-                      style="{{"
-                      {...props}=""
-                      }}=""
-                    >
-                      );
+const MemoDetails = memo((props) =&gt; );
 const MemoImage = memo((props) =&gt; 
-                      <img
-                        {...props}=""
-                      />
-                      );
-const MemoAlink = memo((props) =&gt; 
-                      <typography.link
-                        {...props}=""
-                      >
-                        );
+                  <img />
+                  );
+const MemoAlink = memo((props) =&gt; );
 
-const Markdown = memo
-                        <markdownprops>
-                          (
+const Markdown = memo(
   ({
     children,
     className,
@@ -15993,44 +15967,17 @@ const Markdown = memo
 
     return (
       
-                          <typography
-                            classname="{className}"
-                            ondoubleclick="{onDoubleClick}"
-                            style="{style}"
-                          >
-                            
         
-                            <reactmarkdown
-                              as=""
-                              classname="{styles.markdown}"
-                              components="{components}"
-                              pluggablelist}=""
-                              rehypeplugins="{rehypePlugins"
-                              remarkplugins="{remarkPlugins"
-                              {...rest}=""
-                            >
-                              
           {children}
         
-                            </reactmarkdown>
-                            
       
-                          </typography>
-                          
     );
   },
 );
 
-export default withProvider(Markdown) as React.FC
-                          <markdownprops>
-                            ;
+export default withProvider(Markdown) as React.FC;
 
 
-                          </markdownprops>
-                        </markdownprops>
-                      </typography.link>
-                    </collapse>
-                  </divider>
                 </code>
               </pre>
             </div>
@@ -17296,16 +17243,7 @@ id sem consectetuer libero luctus adipiscing.
                   
 
 
-                  <meta
-                    charset="UTF-8"
-                  />
-                  
 
-                  <meta
-                    content="width=device-width, initial-scale=1.0"
-                    name="viewport"
-                  />
-                  
 
                   <title>
                     Custom Html Dom Render