Suppress warnings for MDXProvider

[deadcoder0904]

So I had this issue of Converting MDX to HTML which I solved but it gives warnings in the console like:

> node ./.next/server/scripts/build-rss.js

Warning: Invalid DOM property `frameborder`. Did you mean `frameBorder`?
    in iframe
    in MDXCreateElement
    in div
    in MDXCreateElement
    in Fragment
    in wrapper
    in MDXCreateElement
    in MDXContent
    in Context.Provider
    in MDXProvider
Warning: Invalid DOM property `allowfullscreen`. Did you mean `allowFullScreen`?
    in iframe
    in MDXCreateElement
    in div
    in MDXCreateElement
    in Fragment
    in wrapper
    in MDXCreateElement
    in MDXContent
    in Context.Provider
    in MDXProvider
Warning: Invalid DOM property `class`. Did you mean `className`?
    in figcaption
    in MDXCreateElement
    in figure
    in MDXCreateElement
    in Fragment
    in wrapper
    in MDXCreateElement
    in MDXContent
    in Context.Provider
    in MDXProvider

I have these package.json scripts:

"scripts": {
    "dev": "next dev",
    "build": "next build && next export && npm run build:rss",
    "start": "next start",
    "build:rss": "node ./.next/server/scripts/build-rss.js"
  },

And I am directly running npm run build & it gives those warnings.

Can I suppress these warnings?

[wooorm]

Why suppress them? They’re good warnings, that point to something that should be fixed?

[deadcoder0904]

I searched in the repo & one of the index.mdx contains figcaption using class:

<figcaption class="italic">
    We know this video isn't from Laracon, but this recording turned out better :)
</figcaption>

So when I wrap this MDX into MDXProvider, it throws the warning as JSX uses className instead of class.

[wooorm]

So these are warnings you can fix? Same w/ frameborder and allowfullscreen!

[deadcoder0904]

I changed that index.mdx file to use className & it did work. Although, I was looking for a way to suppress the warnings. I guess it's not possible currently :)

[ChristianMurphy]

@deadcoder0904 MDX uses JSX not HTML, the warning you are seeing is a JSX warning thrown by React itself, not MDX.

[deadcoder0904]

Yep, just understood it. It was a mistake in MDX files itself by the author 😂

Sorry for the trouble & your time 🙏