fix(gatsby-plugin-mdx): babel.transform requires filename field now (#…

…27305)
gatsbyjs · Oct 6, 2020 · 8e07dfd · 8e07dfd
1 parent 17cdc22
commit 8e07dfd
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/packages/gatsby-plugin-mdx/gatsby/on-create-page.js b/packages/gatsby-plugin-mdx/gatsby/on-create-page.js
@@ -20,7 +20,7 @@ module.exports = async ({ page, actions }, pluginOptions) => {
     })
 
     // grab the exported frontmatter
-    const { frontmatter } = extractExports(code)
+    const { frontmatter } = extractExports(code, page.component)
 
     deletePage(page)
     createPage(

diff --git a/packages/gatsby-plugin-mdx/utils/create-mdx-node.js b/packages/gatsby-plugin-mdx/utils/create-mdx-node.js
@@ -14,7 +14,10 @@ module.exports = async ({ id, node, content }) => {
   }
 
   // extract all the exports
-  const { frontmatter, ...nodeExports } = extractExports(code)
+  const { frontmatter, ...nodeExports } = extractExports(
+    code,
+    node.absolutePath
+  )
 
   const mdxNode = {
     id,

diff --git a/packages/gatsby-plugin-mdx/utils/extract-exports.js b/packages/gatsby-plugin-mdx/utils/extract-exports.js
@@ -4,9 +4,11 @@ const objRestSpread = require(`@babel/plugin-proposal-object-rest-spread`)
 const BabelPluginGatherExports = require(`./babel-plugin-gather-exports`)
 
 // grab all the export values
-module.exports = code => {
+module.exports = (code, filename) => {
   const instance = new BabelPluginGatherExports()
   babel.transform(code, {
+    // Note: filename is a mandatory field
+    filename,
     presets: [babelReact],
     plugins: [instance.plugin, objRestSpread],
   })