React 17: pragma and pragmaFrag cannot be set when runtime is automatic

[michrome]

I have been enjoying MDX@2 but hit the error pragma and pragmaFrag cannot be set when runtime is automatic when trying to use it with React v17, i.e.

  "dependencies": {
    "@mdx-js/loader": "^2.0.0-next.8",
    "@next/mdx": "^10.0.2",
    "next": "^10.0.2",
    "react": "^17.0.1",
    "react-dom": "^17.0.1"
  }

If I downgrade react to v16, then everything works fine 👌

  "dependencies": {
    "@mdx-js/loader": "^2.0.0-next.8",
    "@next/mdx": "^10.0.2",
    "next": "^10.0.2",
    "react": "^16.14.0",
    "react-dom": "^16.14.0"
  }

I am wondering If the issue relates to the new JSX Transform but I'm not sure to resolve. Thanks to anyone who can offer a suggestion!

[ChristianMurphy]

V1 got a fix for this #1307
it looks like it hasn't been applied to v2 yet

mdx/packages/mdx/index.js

Lines 95 to 109 in e194fc1

	return `/* @jsx mdx */
	${contents}`
	}
	async function compile(mdx, options = {}) {
	const compiler = createCompiler(options)
	const fileOpts = {contents: mdx}
	if (options.filepath) {
	fileOpts.path = options.filepath
	}
	const {contents} = await compiler.process(fileOpts)
	return `/* @jsx mdx */

A PR porting the change to v2 would be welcome!

[michrome]

Thanks for the quick reply @ChristianMurphy . Looks like you've already approved my PR #1346 🎉