Update mdx (gatsbyjs#337)

ChristopherBiscardi · Jun 27, 2019 · d92a819 · d92a819
1 parent 4d115e8
commit d92a819
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 13 deletions.
diff --git a/packages/gatsby-plugin-mdx/loaders/__snapshots__/mdx-loader.test.js.snap b/packages/gatsby-plugin-mdx/loaders/__snapshots__/mdx-loader.test.js.snap
@@ -3,7 +3,7 @@
 exports[`mdx-loader snapshot with body 1`] = `
 import React from "react";
 /* @jsx mdx */
-import mdx from "@mdx-js/react/create-element";
+import { mdx } from "@mdx-js/react";
 /* @jsx mdx */
 
 export const _frontmatter = {};
@@ -27,7 +27,7 @@ MDXContent.isMDXComponent = true;
 exports[`mdx-loader snapshot with frontmatter 1`] = `
 import React from "react";
 /* @jsx mdx */
-import mdx from "@mdx-js/react/create-element";
+import { mdx } from "@mdx-js/react";
 /* @jsx mdx */
 
 export const _frontmatter = {
@@ -55,7 +55,7 @@ MDXContent.isMDXComponent = true;
 exports[`mdx-loader snapshot with frontmatter-layout 1`] = `
 import React from "react";
 /* @jsx mdx */
-import mdx from "@mdx-js/react/create-element";
+import { mdx } from "@mdx-js/react";
 /* @jsx mdx */
 
 export const _frontmatter = {
@@ -85,7 +85,7 @@ MDXContent.isMDXComponent = true;
 exports[`mdx-loader snapshot with frontmatter-layout-namedExports 1`] = `
 import React from "react";
 /* @jsx mdx */
-import mdx from "@mdx-js/react/create-element";
+import { mdx } from "@mdx-js/react";
 /* @jsx mdx */
 
 export const meta = {
@@ -119,7 +119,7 @@ MDXContent.isMDXComponent = true;
 exports[`mdx-loader snapshot with frontmatter-namedExports 1`] = `
 import React from "react";
 /* @jsx mdx */
-import mdx from "@mdx-js/react/create-element";
+import { mdx } from "@mdx-js/react";
 /* @jsx mdx */
 
 export const meta = {
@@ -151,7 +151,7 @@ MDXContent.isMDXComponent = true;
 exports[`mdx-loader snapshot with layout 1`] = `
 import React from "react";
 /* @jsx mdx */
-import mdx from "@mdx-js/react/create-element";
+import { mdx } from "@mdx-js/react";
 /* @jsx mdx */
 
 export const _frontmatter = {};
@@ -177,7 +177,7 @@ MDXContent.isMDXComponent = true;
 exports[`mdx-loader snapshot with layout-namedExports 1`] = `
 import React from "react";
 /* @jsx mdx */
-import mdx from "@mdx-js/react/create-element";
+import { mdx } from "@mdx-js/react";
 /* @jsx mdx */
 
 export const meta = {
@@ -207,7 +207,7 @@ MDXContent.isMDXComponent = true;
 exports[`mdx-loader snapshot with namedExports 1`] = `
 import React from "react";
 /* @jsx mdx */
-import mdx from "@mdx-js/react/create-element";
+import { mdx } from "@mdx-js/react";
 /* @jsx mdx */
 
 export const meta = {

diff --git a/packages/gatsby-plugin-mdx/mdx-renderer.js b/packages/gatsby-plugin-mdx/mdx-renderer.js
@@ -1,6 +1,5 @@
 const React = require("react");
-const { withMDXComponents } = require("@mdx-js/react");
-const mdx = require("@mdx-js/react/create-element");
+const { withMDXComponents, mdx } = require("@mdx-js/react");
 const { withMDXScope } = require("./context");
 
 module.exports = withMDXScope(

diff --git a/packages/gatsby-plugin-mdx/package.json b/packages/gatsby-plugin-mdx/package.json
@@ -8,8 +8,8 @@
     "test": "jest"
   },
   "peerDependencies": {
-    "@mdx-js/mdx": "^1.0.0-alpha.16",
-    "@mdx-js/react": "^1.0.0-alpha.16"
+    "@mdx-js/mdx": "^1.0.0-alpha.17",
+    "@mdx-js/react": "^1.0.0-alpha.17"
   },
   "dependencies": {
     "@babel/plugin-proposal-object-rest-spread": "^7.0.0",

diff --git a/packages/gatsby-plugin-mdx/utils/gen-mdx.js b/packages/gatsby-plugin-mdx/utils/gen-mdx.js
@@ -123,7 +123,7 @@ export const _frontmatter = ${JSON.stringify(data)}`;
   });
 
   results.rawMDXOutput = `/* @jsx mdx */
-import mdx from '@mdx-js/react/create-element';
+import { mdx } from '@mdx-js/react';
 ${code}`;
 
   if (!isLoader) {