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({