MDXにcomponentsがimportできない

[Tebaeleven]

状況

import { Test } from "@/components/test"
<Test />

# About
<div style={{ padding: '20px', backgroundColor: 'tomato' }}>
  <h3>This is JSX</h3>
</div>

のようにやってもimportできずにエラーが起きる

調査

https://github.com/hashicorp/next-mdx-remote#environment-targets どうやらmdx内での読み込みは許可していないらしい。

[Tebaeleven]

対応

• next-remote-mdx以外のライブラリを使う