[example] Fix next.js CSS blink

Closes mui#7977
jtag05 · Aug 31, 2017 · cd0f883 · cd0f883
1 parent fa469ff
commit cd0f883
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/examples/nextjs/components/withRoot.js b/examples/nextjs/components/withRoot.js
@@ -47,7 +47,10 @@ function withRoot(BaseComponent) {
 
     render() {
       return (
-        <MuiThemeProvider theme={this.styleContext.theme}>
+        <MuiThemeProvider
+          theme={this.styleContext.theme}
+          sheetsManager={this.styleContext.sheetsManager}
+        >
           <AppWrapper>
             <BaseComponent {...this.props} />
           </AppWrapper>

diff --git a/examples/nextjs/styles/getContext.js b/examples/nextjs/styles/getContext.js
@@ -4,8 +4,9 @@
 import { create } from 'jss';
 import preset from 'jss-preset-default';
 import { SheetsRegistry } from 'react-jss';
-import createMuiTheme from 'material-ui/styles/createMuiTheme';
-import { purple, green } from 'material-ui/colors';
+import { createMuiTheme } from 'material-ui/styles';
+import purple from 'material-ui/colors/purple';
+import green from 'material-ui/colors/green';
 import createGenerateClassName from 'material-ui/styles/createGenerateClassName';
 
 const theme = createMuiTheme({