import * as React from 'react' ; import ThemeProvider from '@material-ui/styles/ThemeProvider' ; import CssBaseline from '@material-ui/core/CssBaseline' ; import StylesProvider from '@material-ui/styles/StylesProvider' ; import { theme } from './theme' ; export const ThemeProviderComponent = props => { const { children } = props ; return ( < ThemeProvider theme = { theme } > < StylesProvider injectFirst > < CssBaseline /> { children } < /StylesProvider> < /ThemeProvider>); } ;