如何在Storybook中启用旧版装饰器支持？

Question

我正在尝试让旧版装饰器在我的Storybook设置中工作。我为故事使用TypeScript，但是我试图为普通的JS组件编写故事。我添加了一个自定义.storybook/webpack.config.js以根据Babel 7添加相应的插件：

module.exports = async ({ config }) => {
    const [ babelRule ] = config.module.rules
    babelRule.test = /\.[jt]sx?$/
    babelRule.use[0].options.plugins.unshift(
        ["@babel/plugin-proposal-decorators", { legacy: true }],
        ["@babel/plugin-proposal-class-properties", { loose: true }],
    )
    return config
}

仍然，我得到以下错误：

  

***** / FavoriteRecipeButton.js中的错误

     

模块构建失败（来自./node_modules/react-scripts/node_modules/babel-loader/lib/index.js）：

     

SyntaxError：***** / FavoriteRecipeButton.js：当前未启用对实验语法“ decorators-legacy”的支持（79：5）：

如何正确配置Storybook来解析旧版装饰器？