Fix react 18 strict mode

packages/mdx/next.config.js

@@ -1,4 +1,5 @@
 module.exports = {
+  reactStrictMode: true,
   redirects() {
     return [
       {

packages/mdx/src/mini-editor/editor-shift.tsx

@@ -793,21 +793,21 @@ function useSnapshots(
 
   useLayoutEffect(() => {
     if (!prevSnapshot) {
-      // debugger
+      const parent = ref.current!
       setState(s => ({
         ...s,
         prevSnapshot: {
-          ...getPanelSnapshot(ref.current!, prev),
-          ...getTabsSnapshot(ref.current!, prev),
+          ...getPanelSnapshot(parent, prev),
+          ...getTabsSnapshot(parent, prev),
         },
       }))
     } else if (!nextSnapshot) {
-      // debugger
+      const parent = ref.current!
       setState(s => ({
         ...s,
         nextSnapshot: {
-          ...getPanelSnapshot(ref.current!, next),
-          ...getTabsSnapshot(ref.current!, next),
+          ...getPanelSnapshot(parent, next),
+          ...getTabsSnapshot(parent, next),
         },
       }))
     }

packages/mdx/src/smooth-code/copy-button.tsx

@@ -43,7 +43,7 @@ export function CopyButton({
         <path
           strokeLinecap="round"
           strokeLinejoin="round"
-          strokeWidth="2"
+          strokeWidth="1.6px"
           d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
         />
       )}