Public Theta Blog

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,
    },
}

を追加すると解決した。