Can I import *.json to *.mdx file in nextjs

[tienlx97]

I use nextjs + mdx to write blog. This is my folder contain all mdx file:
content
   blog
      hello-mdx <-- folder
         index.md
         data.json

In index.md I have 2 components <Comp1 /> and <Comp2 />:

<Comp1>
   <Item key="pikachu" type="light" />
   <Item key="raichu" type="light" />
   <Item key="chikorita" type="leaf" />
   <Item key="mews" type="physic" />
</Comp1>

<Comp2>
   <Item2 append="1" key="pikachu" type="light" />
   <Item2 append="2" key="raichu" type="light" />
   <Item2 append="3" key="chikorita" type="leaf" />
   <Item2 append="4" key="mews" type="physic" />
</Comp2>

Because data in <Comp1 /> and <Comp2 /> are static. So I create a json file name data.json

{
 "pikachu": "light",
 "raichu": "light",
 "chikorita": "leaf"
}

Can I import data.json to index.md ? In index.md I should change

<Comp1 jsonName="data" /> 
<Comp2 jsonName="data" />

[wooorm]

Needs more info: this is way too short.

Likely not though: you can't import json yet in ESM. In the future you could use import assertions, but they're not supported in most places yet.

[tienlx97]

sorry, I updated the information

[ChristianMurphy]

Adding on.
This is more a Next question, than an MDX one.
MDX will generate valid import syntax, it is up to the loader/runtime/platform to interpret it (in this case Next).

Next can load JSON files, though not through imports, see https://www.kindacode.com/article/next-js-reading-and-display-data-from-a-local-json-file/

And follow discussions of supporting ESM JSON in the next discussion forum.
https://github.com/vercel/next.js/discussions?discussions_q=esm+json+import