V2 not working with mdx-js/react. The MDXProvider components does not work as a result of this

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions

@mdx-js/react; < v1.6.22, @mdx-js/loader; >v2

Link to runnable example

No response

Steps to reproduce

Start a project, install these dependencies npm install @mdx-js/react@next npm install @mdx-js/loader@next

Use the MDXProvider from @mdx-js/react to wrap your components, and apply the components props to attempt styling or changing any HTML tag. It won’t work.

    <MDXProvider components={{
     p: <p style={{ color: 'red', fontSize: '1.6rem' }} {...props} />
      }}>
      <Component {...pageProps} />
    </MDXProvider>

All paragraphs still remain black and 1rem.

Am using npm v 7.20.3

Expected behavior

I expect the paragraph to be styled according to the style for the p tag passed into the components props

Actual behavior

It doesn’t change. Nothing works at all

Runtime

Node v16

Package manager

Other (please specify in steps to reproduce)

OS

Windows

Build and bundle tools

Next.js

[Elijah-trillionz]

Finally! It worked. I removed the next-mdx. Thanks

[wooorm]

Here’s a working example: https://codesandbox.io/s/github/mdx-js/.github/tree/main/sandbox-templates/mdx-loader-next. Note especially that one tool is used: the loader. Not next-mdx which also adds the loader.