config.js

import { configure } from '@storybook/react';
import '@formatjs/intl-relativetimeformat/polyfill';
import '@formatjs/intl-relativetimeformat/dist/locale-data/en';
import React from 'react';
import { addDecorator } from '@storybook/react';
import { withKnobs } from '@storybook/addon-knobs';
import StoryRouter from 'storybook-router';
import { withSmartKnobs } from 'storybook-addon-smart-knobs';
import { setIntlConfig, withIntl } from 'storybook-addon-intl';
// import enLocaleData from 'react-intl/locale-data/en';
import {
  translationMessages,
  appLocales,
  DEFAULT_LOCALE
} from '../app/i18n.js';

Object.values = obj => Object.keys(obj).map(key => obj[key]);

addDecorator(withSmartKnobs);
addDecorator(withKnobs);

addDecorator(StoryRouter());

const getMessages = locale => translationMessages[locale];
setIntlConfig({
  locales: appLocales,
  defaultLocale: DEFAULT_LOCALE,
  getMessages
});

addDecorator(withIntl);

// automatically import all files ending in *.stories.js
function requireAll(requireContext) {
  return requireContext.keys().map(key => {
    return requireContext;
  });
}

function loadStories() {
  const req = require.context('../app/components/', true, /^.*\.stories$/);
  return requireAll(req);
}
configure(loadStories(), module);