Error: Snapshot `<Markdown /> > renders index.tsx correctly 1` mismatched - Expected + Received @@ -1009,20 +1009,11 @@ <pre> <code> - <meta - charset="UTF-8" - /> - - <meta - content="width=device-width, initial-scale=1.0" - name="viewport" - /> - <title> Custom Html Dom Render </title> ❯ tests/demo.test.tsx:44:35

Error: Snapshot `<Markdown /> > renders code.tsx correctly 1` mismatched - Expected + Received @@ -764,44 +764,18 @@ remarkPlugins?: PluggableList; } const MemoHr = memo((props) =&gt; ( - <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, style, onDoubleClick, @@ -821,48 +795,21 @@ const rehypePlugins = [rehypeKatex, ...(outRehypePlugins || [])]; const remarkPlugins = [remarkGfm, remarkMath, ...(outRemarkPlugins || [])]; 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> <div class="layoutkit-center emotion-5 emotion-6" ❯ tests/demo.test.tsx:44:35

Process completed with exit code 1.