From cd0f883325b2b74515972d58f12868897fc34bf6 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Thu, 31 Aug 2017 14:07:59 +0200
Subject: [PATCH] [example] Fix next.js CSS blink

Closes #7977
---
 examples/nextjs/components/withRoot.js | 5 ++++-
 examples/nextjs/styles/getContext.js   | 5 +++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/examples/nextjs/components/withRoot.js b/examples/nextjs/components/withRoot.js
index f8fb2d66284efe..6787a1d5432f12 100644
--- 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
index a3e9d02888fb2a..cf9085b87bffcf 100644
--- 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({