storybook with intl

storybook.js

import * as React from 'react';
import { IntlProvider } from 'react-intl';
import { translationMessages } from 'i18n';
/* eslint-disable import/no-extraneous-dependencies */
import { storiesOf } from '@storybook/react';

import MyComponent from './index';

storiesOf('MyComponent', module)
  .add('en', () => (
    <IntlProvider locale="en" messages={translationMessages.en} textComponent={React.Fragment}>
      <MyComponent value={1} />
    </IntlProvider>
  ))
  .add('ja', () => (
    <IntlProvider locale="ja" messages={translationMessages.ja} textComponent={React.Fragment}>
      <MyComponent value={1} />
    </IntlProvider>
  ));