Используя декораторы Mobx, перерывы реагируют на сборник рассказов - PullRequest
Новая
       25

Используя декораторы Mobx, перерывы реагируют на сборник рассказов

0 голосов
/ 05 июля 2019

Я пытаюсь объединить параметры 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;

Сборник рассказов React начинает работать, как только я удаляю 

@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 }]
  ]
};

Я получаю сообщение об ошибке, что у меня нет доступных историй.Нет предварительного просмотра.

Как это исправить?

...