gatsby: [gatbsy-source-contentful] Build breaks when combined with vanilla gatsby-plugin-mdx

Description

I’ve been working on a site that pulls content from local .mdx files. As part of my work on this site I wanted to start bringing in some content from Contentful. The moment I tried to install the gatsby-source-contentful plugin I started getting errors that look like this:

"gatsby-plugin-mdx" threw an error while running the onCreateNode lifecycle:

unknown: Expected corresponding JSX closing tag for <Entry> (16:3)

  14 |    print(error)
  15 |  }
> 16 | }`}</p>
     |    ^
  17 |     </MDXLayout>
  18 |   )
  19 | };undefined: unknown: Expected corresponding JSX closing tag for <Entry> (16:3)

  14 |    print(error)
  15 |  }
> 16 | }`}</p>

Another example:

"gatsby-plugin-mdx" threw an error while running the onCreateNode lifecycle:

unknown: Expected corresponding JSX closing tag for <CDAArray> (15:27)

  13 |    .subscribe(
  14 |        new DisposableSubscriber`}<CDAArray>{`() {
> 15 |          CDAArray result;`}</p>
     |                            ^
  16 | <p>{`          @Override public void onComplete() {
  17 |            new AlertDialog.Builder(context)
  18 |                .setTitle("Contentful")undefined: unknown: Expected corresponding JSX closing tag for <CDAArray> (15:27)

  13 |    .subscribe(
  14 |        new DisposableSubscriber`}<CDAArray>{`() {
> 15 |          CDAArray result;`}</p>
     |                            ^
  16 | <p>{`          @Override public void onComplete() {
  17 |            new AlertDialog.Builder(context)
  18 |                .setTitle("Contentful")

Steps to reproduce

I have created a vanilla project based on gatsby new.

I started by adding the contenful source config, and that worked. I was able to query GraphiQL and all was good.

I added the gatsby-transformer-remark plugin, and again, all good.

However, the act of installing gatsby-plugin-mdx instantly caused the build to break. I have created a sample application for you here:

https://github.com/citypaul/gatsby-contentful-error-example

I’ve just stuck a place for the Contentful keys at the top of the gatsby-config file for now. If you create a vanilla project in Contentful (I signed up as a new user and used the app they create as a sample), you should see this error occurring.

Expected result

I’d expect there to be no build errors and I should be able to query Contentful and pick up the .mdx files on the filesystem through GraphiQL.

Actual result

The build fails with lots of errors like those I have posted above.

Environment

System: OS: macOS 10.14.6 CPU: (12) x64 Intel® Core™ i7-8750H CPU @ 2.20GHz Shell: 5.3 - /bin/zsh Binaries: Node: 10.15.3 - ~/.nvm/versions/node/v10.15.3/bin/node Yarn: 1.17.3 - /usr/local/bin/yarn npm: 6.11.3 - ~/.nvm/versions/node/v10.15.3/bin/npm Languages: Python: 2.7.10 - /usr/bin/python Browsers: Chrome: 77.0.3865.90 Firefox: 69.0 Safari: 13.0 npmPackages: gatsby: ^2.15.23 => 2.15.23 gatsby-image: ^2.2.21 => 2.2.21 gatsby-plugin-manifest: ^2.2.18 => 2.2.18 gatsby-plugin-mdx: ^1.0.44 => 1.0.44 gatsby-plugin-offline: ^3.0.9 => 3.0.9 gatsby-plugin-react-helmet: ^3.1.8 => 3.1.8 gatsby-plugin-sharp: ^2.2.25 => 2.2.25 gatsby-source-contentful: ^2.1.42 => 2.1.42 gatsby-source-filesystem: ^2.1.26 => 2.1.26 gatsby-transformer-remark: ^2.6.24 => 2.6.24 gatsby-transformer-sharp: ^2.2.17 => 2.2.17 npmGlobalPackages: gatsby-cli: 2.7.49