Storybook + React + MDX で TypeError `(0 , _mdx_js_react__WEBPACK_IMPORTED_MODULE_2__.mdx) is not a function` が出る
Storybookの構築時にハマったのでメモ。ビルドは正常にされるが、Storybookを開いた時に次のようなTypeErrorが出た。
(0 , _mdx_js_react__WEBPACK_IMPORTED_MODULE_2__.mdx) is not a function
原因はどうやらMDX 2を使っていたことのようだったので、
に書かれている通り、
npm install @storybook/mdx2-csf --save-dev
.storybook/main.js
:
module.exports = {
// ...
features: {
previewMdx2: true,
},
}
を追加すると解決した。