Storybook で webpack の output を設定してしまうと正しく表示されない

理由

Storybook の表示に用いられる iframe.html などが output のディレクトリに作られてしまうから*1。

具体例

.storybook/main.js に以下のように書くと output のディレクトリが設定されてしまいます。

module.exports = {
  （省略）
  webpackFinal: async(config, {configType}) => {
    config.output = {
      path: `${__dirname}/tekitou`,
    },
  （省略）

*1:設定で変えられるとは思います