Storybook config with ThemeProvider

config.js

// File: .storybook/config.js

import { configure, addDecorator } from '@kadira/storybook';
import Theme from './../src/ui/theme';
import React from 'react';
import { ThemeProvider } from 'styled-components'

function loadStories() {
  require('../stories');
}

addDecorator((story) => (
  <ThemeProvider theme={Theme}>
    {story()}
  </ThemeProvider>
))

configure(loadStories, module);

Thanks for your gist! It solved my problem ❤️

Just in case, an alternative syntax that re-use yours but chains storiesOf methods instead :-)

// src/components/Component.stories.js

import React from 'react';
import { storiesOf } from '@storybook/react';

(...)

storiesOf('Component', module)
.addDecorator(story => (
    <ThemeProvider theme={theme}>
      { story() }
    </ThemeProvider>
  ))
.add('default', () => <Component />);
.add('second story', () => <Component second />);