使用Mobx装饰器打破反应的故事书

Question

我正在尝试结合React Storybook和MobX decoratos选项。

我有这种类型的组件

@inject("RootStore")
@observer
class Second extends Component {
  render() {
    return (
      <div>
        <Helmet>
          <title>Second route</title>
          <meta name="description" content="Second stranica" />
        </Helmet>

        <Link to="/">First route</Link>
        <button type="button">{this.props.RootStore.text}</button>

      </div>
    );
  }
}

export default Second;

我删除后，反应故事书就开始工作

@inject("RootStore")
@observer

这是我的配置

storiesOf("Second", module)
  .addDecorator(story => (
    <MemoryRouter initialEntries={["/"]}>{story()}</MemoryRouter>
  ))

  .add("normal", () => <Second />);

babel.config.js

module.exports = {
  presets: ["@babel/preset-react", "@babel/preset-env"],
  plugins: [
    [
      "@babel/plugin-proposal-decorators",
      {
        legacy: true
      }
    ],
    ["@babel/plugin-proposal-class-properties", { loose: true }]
  ]
};

我收到我没有可用故事的错误。没有预览。

我该如何解决？