use @mdx v3

webpack · Jun 24, 2024 · 83ee4f6 · 83ee4f6
1 parent a5236d6
commit 83ee4f6
Show file tree

Hide file tree

Showing 3 changed files with 138 additions and 558 deletions.
diff --git a/package.json b/package.json
@@ -75,7 +75,7 @@
     "@babel/plugin-proposal-class-properties": "^7.17.12",
     "@babel/preset-env": "^7.24.6",
     "@babel/preset-react": "^7.24.6",
-    "@mdx-js/loader": "^2.0.0",
+    "@mdx-js/loader": "^3.0.1",
     "@octokit/auth-action": "^5.1.1",
     "@octokit/rest": "^20.1.1",
     "@pmmmwh/react-refresh-webpack-plugin": "next",

diff --git a/src/remark-plugins/remark-cleanup-readme/__snapshots__/index.test.mjs.snap b/src/remark-plugins/remark-cleanup-readme/__snapshots__/index.test.mjs.snap
@@ -7,12 +7,12 @@ VFile {
   "history": [],
   "map": undefined,
   "messages": [],
-  "value": "/*@jsxRuntime automatic @jsxImportSource react*/
-import {jsx as _jsx, jsxs as _jsxs} from "react/jsx-runtime";
+  "value": "import {jsx as _jsx, jsxs as _jsxs} from "react/jsx-runtime";
 function _createMdxContent(props) {
-  const _components = Object.assign({
-    p: "p"
-  }, props.components);
+  const _components = {
+    p: "p",
+    ...props.components
+  };
   return _jsx("div", {
     align: "center",
     children: _jsx("p", {
@@ -28,13 +28,15 @@ function _createMdxContent(props) {
     })
   });
 }
-function MDXContent(props = {}) {
+export default function MDXContent(props = {}) {
   const {wrapper: MDXLayout} = props.components || ({});
-  return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {
-    children: _jsx(_createMdxContent, props)
-  })) : _createMdxContent(props);
+  return MDXLayout ? _jsx(MDXLayout, {
+    ...props,
+    children: _jsx(_createMdxContent, {
+      ...props
+    })
+  }) : _createMdxContent(props);
 }
-export default MDXContent;
 ",
 }
 `;
@@ -46,20 +48,21 @@ VFile {
   "history": [],
   "map": undefined,
   "messages": [],
-  "value": "/*@jsxRuntime automatic @jsxImportSource react*/
-import {jsx as _jsx} from "react/jsx-runtime";
+  "value": "import {jsx as _jsx} from "react/jsx-runtime";
 function _createMdxContent(props) {
   return _jsx("div", {
     align: "center"
   });
 }
-function MDXContent(props = {}) {
+export default function MDXContent(props = {}) {
   const {wrapper: MDXLayout} = props.components || ({});
-  return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {
-    children: _jsx(_createMdxContent, props)
-  })) : _createMdxContent(props);
+  return MDXLayout ? _jsx(MDXLayout, {
+    ...props,
+    children: _jsx(_createMdxContent, {
+      ...props
+    })
+  }) : _createMdxContent(props);
 }
-export default MDXContent;
 ",
 }
 `;
@@ -71,20 +74,21 @@ VFile {
   "history": [],
   "map": undefined,
   "messages": [],
-  "value": "/*@jsxRuntime automatic @jsxImportSource react*/
-import {jsx as _jsx} from "react/jsx-runtime";
+  "value": "import {jsx as _jsx} from "react/jsx-runtime";
 function _createMdxContent(props) {
   return _jsx("div", {
     align: "center"
   });
 }
-function MDXContent(props = {}) {
+export default function MDXContent(props = {}) {
   const {wrapper: MDXLayout} = props.components || ({});
-  return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {
-    children: _jsx(_createMdxContent, props)
-  })) : _createMdxContent(props);
+  return MDXLayout ? _jsx(MDXLayout, {
+    ...props,
+    children: _jsx(_createMdxContent, {
+      ...props
+    })
+  }) : _createMdxContent(props);
 }
-export default MDXContent;
 ",
 }
 `;