Great tutorial, just wanted to point out that in the new storybook version, you don't create config.js for decorators. That can be done in preview.js.

//.storybook/preview.js

import React from 'react';

import theme from 'constants/theme';

import { StylesProvider } from '@material-ui/styles';

import styled, { ThemeProvider, css } from 'styled-components';

import { MuiThemeProvider } from '@material-ui/core/styles';

import CssBaseline from '@material-ui/core/CssBaseline';

export const parameters = {

actions: { argTypesRegex: '^on[A-Z].*' }

};

export const decorators = [

Story => (

<StylesProvider injectFirst>

<CssBaseline />

<MuiThemeProvider theme={theme}>

<ThemeProvider theme={theme}>

<Story />

</ThemeProvider>

</MuiThemeProvider>

</StylesProvider>

)

];