refactor: Remove JSS Provider and set a created theme

joaopaulomoraes · joaopaulomoraes · commit dc43fda16786 · 2019-06-28T15:31:08.000-03:00
- created theme
- theme provider
diff --git a/pages/_app.js b/pages/_app.js
@@ -5,14 +5,11 @@ import withRedux from 'next-redux-wrapper'
 import { Provider } from 'react-redux'
 import { MuiThemeProvider } from '@material-ui/core/styles'
 import CssBaseline from '@material-ui/core/CssBaseline'
-import JssProvider from 'react-jss/lib/JssProvider'
 import store from '../src/store'
-import getPageContext from '../src/utils/getPageContext'
+import theme from '../src/utils/theme'
 
 const _App = withRedux(store)(
   class _App extends App {
-    pageContext = getPageContext()
-
     static async getInitialProps ({ Component, ctx }) {
       return {
         pageProps: Component.getInitialProps
@@ -40,23 +37,12 @@ const _App = withRedux(store)(
           <Head>
             <title>NextJS - With Redux and Material UI</title>
           </Head>
-          <JssProvider
-            registry={this.pageContext.sheetsRegistry}
-            generateClassName={this.pageContext.generateClassName}
-          >
-            <MuiThemeProvider
-              theme={this.pageContext.theme}
-              sheetsManager={this.pageContext.sheetsManager}
-            >
-              <CssBaseline />
-              <Provider store={store}>
-                <Component
-                  pageContext={this.pageContext}
-                  {...pageProps}
-                />
-              </Provider>
-            </MuiThemeProvider>
-          </JssProvider>
+          <MuiThemeProvider theme={theme}>
+            <CssBaseline />
+            <Provider store={store}>
+              <Component {...pageProps} />
+            </Provider>
+          </MuiThemeProvider>
         </Container>
       )
     }
