diff --git a/docs/scripts/buildApi.js b/docs/scripts/buildApi.js
index 3c4d96eded438e..5cf1077c3b51e6 100644
--- a/docs/scripts/buildApi.js
+++ b/docs/scripts/buildApi.js
@@ -159,8 +159,9 @@ function buildDocs(options) {
     writeFileSync(path.resolve(docsApiDirectory, `${kebabCase(reactAPI.name)}.md`), markdown);
     writeFileSync(
       path.resolve(docsApiDirectory, `${kebabCase(reactAPI.name)}.js`),
-      `import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
+      `import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
+import React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './${kebabCase(reactAPI.name)}.md';
 
@@ -168,7 +169,7 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
 `,
     );
 
diff --git a/docs/src/modules/components/withRoot.js b/docs/src/modules/components/withRoot.js
deleted file mode 100644
index 73b62efd90eea3..00000000000000
--- a/docs/src/modules/components/withRoot.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import 'docs/src/modules/components/bootstrap';
-import React from 'react';
-
-function withRoot(Component) {
-  function WithRoot(props) {
-    return <Component {...props} />;
-  }
-
-  return WithRoot;
-}
-
-export default withRoot;
diff --git a/pages/_app.js b/pages/_app.js
index dafa26935e3d9c..917cdd7a5f55d8 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,5 +1,5 @@
 import 'docs/src/modules/components/bootstrap';
-
+// --- Post bootstrap -----
 import React from 'react';
 import App, { Container } from 'next/app';
 import find from 'lodash/find';
diff --git a/pages/api/app-bar.js b/pages/api/app-bar.js
index 1c474b25f7bb29..9a95f004193489 100644
--- a/pages/api/app-bar.js
+++ b/pages/api/app-bar.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './app-bar.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/avatar.js b/pages/api/avatar.js
index e8d91608b86c9f..fc81f098b9f346 100644
--- a/pages/api/avatar.js
+++ b/pages/api/avatar.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './avatar.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/backdrop.js b/pages/api/backdrop.js
index 9be553df504aa7..73d6c991d15949 100644
--- a/pages/api/backdrop.js
+++ b/pages/api/backdrop.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './backdrop.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/badge.js b/pages/api/badge.js
index 5f4949093c9ed4..9923e06e48aa09 100644
--- a/pages/api/badge.js
+++ b/pages/api/badge.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './badge.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/bottom-navigation-action.js b/pages/api/bottom-navigation-action.js
index 4f814a08d7ad16..960e7302f14d89 100644
--- a/pages/api/bottom-navigation-action.js
+++ b/pages/api/bottom-navigation-action.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './bottom-navigation-action.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/bottom-navigation.js b/pages/api/bottom-navigation.js
index 2ff9802bb35322..2da9b6e96fcc49 100644
--- a/pages/api/bottom-navigation.js
+++ b/pages/api/bottom-navigation.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './bottom-navigation.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/button-base.js b/pages/api/button-base.js
index 714752f13316cc..137f2cc2d24ede 100644
--- a/pages/api/button-base.js
+++ b/pages/api/button-base.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './button-base.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/button.js b/pages/api/button.js
index cfce76dd39f54d..d5a2fd68076714 100644
--- a/pages/api/button.js
+++ b/pages/api/button.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './button.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/card-action-area.js b/pages/api/card-action-area.js
index fba04654ef937e..938aefc377c399 100644
--- a/pages/api/card-action-area.js
+++ b/pages/api/card-action-area.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './card-action-area.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/card-actions.js b/pages/api/card-actions.js
index 18c12a8285c4cf..2b7e53d8e19ca8 100644
--- a/pages/api/card-actions.js
+++ b/pages/api/card-actions.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './card-actions.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/card-content.js b/pages/api/card-content.js
index 040e2a4779c560..c01e9825428e38 100644
--- a/pages/api/card-content.js
+++ b/pages/api/card-content.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './card-content.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/card-header.js b/pages/api/card-header.js
index 9b4b71d9e738e4..0eb6dd5e94557b 100644
--- a/pages/api/card-header.js
+++ b/pages/api/card-header.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './card-header.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/card-media.js b/pages/api/card-media.js
index fe052152791a5b..68739b86927dda 100644
--- a/pages/api/card-media.js
+++ b/pages/api/card-media.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './card-media.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/card.js b/pages/api/card.js
index 6eadc965598596..9ee6c28eab731d 100644
--- a/pages/api/card.js
+++ b/pages/api/card.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './card.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/checkbox.js b/pages/api/checkbox.js
index 1551630bfe2597..f947570caf0e1f 100644
--- a/pages/api/checkbox.js
+++ b/pages/api/checkbox.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './checkbox.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/chip.js b/pages/api/chip.js
index 1cb38507d2cb06..e5cbcf983d8429 100644
--- a/pages/api/chip.js
+++ b/pages/api/chip.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './chip.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/circular-progress.js b/pages/api/circular-progress.js
index a81cc7f2f14c58..ae62f619298835 100644
--- a/pages/api/circular-progress.js
+++ b/pages/api/circular-progress.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './circular-progress.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/click-away-listener.js b/pages/api/click-away-listener.js
index 04a0455d23e0f9..713752c41d5e9e 100644
--- a/pages/api/click-away-listener.js
+++ b/pages/api/click-away-listener.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './click-away-listener.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/collapse.js b/pages/api/collapse.js
index ecc2808a2291f1..8e651c02af6b37 100644
--- a/pages/api/collapse.js
+++ b/pages/api/collapse.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './collapse.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/css-baseline.js b/pages/api/css-baseline.js
index eafed8c6cb47dc..48d2199184adff 100644
--- a/pages/api/css-baseline.js
+++ b/pages/api/css-baseline.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './css-baseline.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/dialog-actions.js b/pages/api/dialog-actions.js
index d59cff33861483..0c91090f0f25f6 100644
--- a/pages/api/dialog-actions.js
+++ b/pages/api/dialog-actions.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './dialog-actions.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/dialog-content-text.js b/pages/api/dialog-content-text.js
index 724e9bd7dc343c..ba156259933813 100644
--- a/pages/api/dialog-content-text.js
+++ b/pages/api/dialog-content-text.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './dialog-content-text.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/dialog-content.js b/pages/api/dialog-content.js
index 2bb9c820a44fc5..35587e7872c1cd 100644
--- a/pages/api/dialog-content.js
+++ b/pages/api/dialog-content.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './dialog-content.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/dialog-title.js b/pages/api/dialog-title.js
index ca391f09970c5f..9a8996319b5186 100644
--- a/pages/api/dialog-title.js
+++ b/pages/api/dialog-title.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './dialog-title.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/dialog.js b/pages/api/dialog.js
index 3b005259e00d2b..f138926434286f 100644
--- a/pages/api/dialog.js
+++ b/pages/api/dialog.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './dialog.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/divider.js b/pages/api/divider.js
index 94a8bf3180fd1b..feffc097856a13 100644
--- a/pages/api/divider.js
+++ b/pages/api/divider.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './divider.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/drawer.js b/pages/api/drawer.js
index d72f06827c2404..edd1a8b78c6971 100644
--- a/pages/api/drawer.js
+++ b/pages/api/drawer.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './drawer.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/expansion-panel-actions.js b/pages/api/expansion-panel-actions.js
index 7eea921cad23d0..587b2763b35977 100644
--- a/pages/api/expansion-panel-actions.js
+++ b/pages/api/expansion-panel-actions.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './expansion-panel-actions.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/expansion-panel-details.js b/pages/api/expansion-panel-details.js
index dd5cd9134448dc..c32403c5cd4742 100644
--- a/pages/api/expansion-panel-details.js
+++ b/pages/api/expansion-panel-details.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './expansion-panel-details.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/expansion-panel-summary.js b/pages/api/expansion-panel-summary.js
index d016c51b78b503..3089d31a666a00 100644
--- a/pages/api/expansion-panel-summary.js
+++ b/pages/api/expansion-panel-summary.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './expansion-panel-summary.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/expansion-panel.js b/pages/api/expansion-panel.js
index 4a3b5d1a52bae4..4f9eb31944fac9 100644
--- a/pages/api/expansion-panel.js
+++ b/pages/api/expansion-panel.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './expansion-panel.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/fab.js b/pages/api/fab.js
index e308a89d8ab617..0739ec553c57d6 100644
--- a/pages/api/fab.js
+++ b/pages/api/fab.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './fab.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/fade.js b/pages/api/fade.js
index 7620bbc475fd06..47dc11c6c21b16 100644
--- a/pages/api/fade.js
+++ b/pages/api/fade.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './fade.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/filled-input.js b/pages/api/filled-input.js
index d58f7995a9f041..5261a0247b5b25 100644
--- a/pages/api/filled-input.js
+++ b/pages/api/filled-input.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './filled-input.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/form-control-label.js b/pages/api/form-control-label.js
index 3657085332c602..f4de3bafc75030 100644
--- a/pages/api/form-control-label.js
+++ b/pages/api/form-control-label.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './form-control-label.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/form-control.js b/pages/api/form-control.js
index b0ba537f4cf963..fc4717ef9d7b1a 100644
--- a/pages/api/form-control.js
+++ b/pages/api/form-control.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './form-control.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/form-group.js b/pages/api/form-group.js
index 2f68110a708047..99ce1d3e811cef 100644
--- a/pages/api/form-group.js
+++ b/pages/api/form-group.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './form-group.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/form-helper-text.js b/pages/api/form-helper-text.js
index 49bb68af9b049c..90d9a7de4ba601 100644
--- a/pages/api/form-helper-text.js
+++ b/pages/api/form-helper-text.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './form-helper-text.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/form-label.js b/pages/api/form-label.js
index 4df26abc3d0e03..2973383f9effdb 100644
--- a/pages/api/form-label.js
+++ b/pages/api/form-label.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './form-label.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/grid-list-tile-bar.js b/pages/api/grid-list-tile-bar.js
index 368aae5e3a3276..dfd626349367a4 100644
--- a/pages/api/grid-list-tile-bar.js
+++ b/pages/api/grid-list-tile-bar.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './grid-list-tile-bar.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/grid-list-tile.js b/pages/api/grid-list-tile.js
index 306a043d31e846..17b9d80fc289e0 100644
--- a/pages/api/grid-list-tile.js
+++ b/pages/api/grid-list-tile.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './grid-list-tile.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/grid-list.js b/pages/api/grid-list.js
index aa8c26ff736a05..7b706a4645091a 100644
--- a/pages/api/grid-list.js
+++ b/pages/api/grid-list.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './grid-list.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/grid.js b/pages/api/grid.js
index 7e7d9d800b35ec..c7c996c999a279 100644
--- a/pages/api/grid.js
+++ b/pages/api/grid.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './grid.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/grow.js b/pages/api/grow.js
index 45c40f77fb8fad..1612ce966ec425 100644
--- a/pages/api/grow.js
+++ b/pages/api/grow.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './grow.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/hidden.js b/pages/api/hidden.js
index ddadac1c2feb97..c3274e7c3ed38d 100644
--- a/pages/api/hidden.js
+++ b/pages/api/hidden.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './hidden.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/icon-button.js b/pages/api/icon-button.js
index aba79546baa731..319f8c28c46cf7 100644
--- a/pages/api/icon-button.js
+++ b/pages/api/icon-button.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './icon-button.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/icon.js b/pages/api/icon.js
index 1d948403c219e9..d03dacc5fcbca4 100644
--- a/pages/api/icon.js
+++ b/pages/api/icon.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './icon.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/input-adornment.js b/pages/api/input-adornment.js
index 36f39baa22abcf..426af295101291 100644
--- a/pages/api/input-adornment.js
+++ b/pages/api/input-adornment.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './input-adornment.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/input-base.js b/pages/api/input-base.js
index 7c0f6de9571de6..fb9d0425473cf1 100644
--- a/pages/api/input-base.js
+++ b/pages/api/input-base.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './input-base.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/input-label.js b/pages/api/input-label.js
index bcf83373b5abec..c3e43947d0f64f 100644
--- a/pages/api/input-label.js
+++ b/pages/api/input-label.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './input-label.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/input.js b/pages/api/input.js
index 1277d528469296..c9045c909af1fe 100644
--- a/pages/api/input.js
+++ b/pages/api/input.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './input.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/linear-progress.js b/pages/api/linear-progress.js
index b70bd60f8a2b42..b277ef14fa4244 100644
--- a/pages/api/linear-progress.js
+++ b/pages/api/linear-progress.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './linear-progress.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/list-item-avatar.js b/pages/api/list-item-avatar.js
index 15865e19f8041e..8b42dee228abf5 100644
--- a/pages/api/list-item-avatar.js
+++ b/pages/api/list-item-avatar.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './list-item-avatar.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/list-item-icon.js b/pages/api/list-item-icon.js
index 3df18218056ea7..09c001cb04db3e 100644
--- a/pages/api/list-item-icon.js
+++ b/pages/api/list-item-icon.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './list-item-icon.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/list-item-secondary-action.js b/pages/api/list-item-secondary-action.js
index cc3f24918bbc93..7eca9c1e443c90 100644
--- a/pages/api/list-item-secondary-action.js
+++ b/pages/api/list-item-secondary-action.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './list-item-secondary-action.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/list-item-text.js b/pages/api/list-item-text.js
index e0da1d94901e27..66c84e0c173cef 100644
--- a/pages/api/list-item-text.js
+++ b/pages/api/list-item-text.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './list-item-text.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/list-item.js b/pages/api/list-item.js
index f0dae30ea3dfa7..067bd400877766 100644
--- a/pages/api/list-item.js
+++ b/pages/api/list-item.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './list-item.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/list-subheader.js b/pages/api/list-subheader.js
index d7eb4bd7423787..e104326b59002b 100644
--- a/pages/api/list-subheader.js
+++ b/pages/api/list-subheader.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './list-subheader.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/list.js b/pages/api/list.js
index 31af71849e25e7..824ddbdc7cd934 100644
--- a/pages/api/list.js
+++ b/pages/api/list.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './list.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/menu-item.js b/pages/api/menu-item.js
index 58f0bde889c185..2ac34990ffe5c0 100644
--- a/pages/api/menu-item.js
+++ b/pages/api/menu-item.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './menu-item.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/menu-list.js b/pages/api/menu-list.js
index 7de6780c81702e..6690ea7624216e 100644
--- a/pages/api/menu-list.js
+++ b/pages/api/menu-list.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './menu-list.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/menu.js b/pages/api/menu.js
index 6ebcaecc21e88d..129423e88bb87b 100644
--- a/pages/api/menu.js
+++ b/pages/api/menu.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './menu.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/mobile-stepper.js b/pages/api/mobile-stepper.js
index 5c071e88f89dd5..e541194c4108a6 100644
--- a/pages/api/mobile-stepper.js
+++ b/pages/api/mobile-stepper.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './mobile-stepper.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/modal.js b/pages/api/modal.js
index 4775906e16cc9c..99e985a5165138 100644
--- a/pages/api/modal.js
+++ b/pages/api/modal.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './modal.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/mui-theme-provider.js b/pages/api/mui-theme-provider.js
index 3bee4f562b073e..f6bfcc8601c0f0 100644
--- a/pages/api/mui-theme-provider.js
+++ b/pages/api/mui-theme-provider.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './mui-theme-provider.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/native-select.js b/pages/api/native-select.js
index 88269c01f911c6..647512640e1d7d 100644
--- a/pages/api/native-select.js
+++ b/pages/api/native-select.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './native-select.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/no-ssr.js b/pages/api/no-ssr.js
index 6cadb5b0c966aa..df6fef89ffa565 100644
--- a/pages/api/no-ssr.js
+++ b/pages/api/no-ssr.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './no-ssr.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/outlined-input.js b/pages/api/outlined-input.js
index 581c3d53822917..b803bea2d21ff5 100644
--- a/pages/api/outlined-input.js
+++ b/pages/api/outlined-input.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './outlined-input.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/paper.js b/pages/api/paper.js
index 1315efd1ee7131..85bb217ab5774d 100644
--- a/pages/api/paper.js
+++ b/pages/api/paper.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './paper.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/popover.js b/pages/api/popover.js
index f923145ad9ca30..869230bf7b94e9 100644
--- a/pages/api/popover.js
+++ b/pages/api/popover.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './popover.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/popper.js b/pages/api/popper.js
index 9b0ff73d2faa70..5e2ae3e6a38ca3 100644
--- a/pages/api/popper.js
+++ b/pages/api/popper.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './popper.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/portal.js b/pages/api/portal.js
index 2242b59a76775e..e429a8f86b1d86 100644
--- a/pages/api/portal.js
+++ b/pages/api/portal.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './portal.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/radio-group.js b/pages/api/radio-group.js
index 52b77bf289e781..7b0c29daf59817 100644
--- a/pages/api/radio-group.js
+++ b/pages/api/radio-group.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './radio-group.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/radio.js b/pages/api/radio.js
index 3a16ad0049b444..1e3fc8f5e22269 100644
--- a/pages/api/radio.js
+++ b/pages/api/radio.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './radio.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/root-ref.js b/pages/api/root-ref.js
index a49a00e9b918bc..3d66a231692bdf 100644
--- a/pages/api/root-ref.js
+++ b/pages/api/root-ref.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './root-ref.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/select.js b/pages/api/select.js
index 81490a608ccc5d..56afba57037945 100644
--- a/pages/api/select.js
+++ b/pages/api/select.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './select.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/slide.js b/pages/api/slide.js
index 5e112c261e2a77..e21d2905c25292 100644
--- a/pages/api/slide.js
+++ b/pages/api/slide.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './slide.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/snackbar-content.js b/pages/api/snackbar-content.js
index fcbc4800221222..9d132420e4744b 100644
--- a/pages/api/snackbar-content.js
+++ b/pages/api/snackbar-content.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './snackbar-content.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/snackbar.js b/pages/api/snackbar.js
index ee937299937034..0dc5101fa82701 100644
--- a/pages/api/snackbar.js
+++ b/pages/api/snackbar.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './snackbar.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/step-button.js b/pages/api/step-button.js
index 3cde24a93ee6c4..7957ac4bee5498 100644
--- a/pages/api/step-button.js
+++ b/pages/api/step-button.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './step-button.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/step-connector.js b/pages/api/step-connector.js
index 336876cfdf7ea6..e44fcbb36bda0a 100644
--- a/pages/api/step-connector.js
+++ b/pages/api/step-connector.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './step-connector.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/step-content.js b/pages/api/step-content.js
index 1984d64833ef04..ff406300eac151 100644
--- a/pages/api/step-content.js
+++ b/pages/api/step-content.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './step-content.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/step-icon.js b/pages/api/step-icon.js
index 30a5bf04ff02b7..32f3be80f31bfd 100644
--- a/pages/api/step-icon.js
+++ b/pages/api/step-icon.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './step-icon.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/step-label.js b/pages/api/step-label.js
index 3bd001816aae9e..9b27f690c8beb4 100644
--- a/pages/api/step-label.js
+++ b/pages/api/step-label.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './step-label.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/step.js b/pages/api/step.js
index 8c9932bc1260d6..7ec1370e22fe8b 100644
--- a/pages/api/step.js
+++ b/pages/api/step.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './step.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/stepper.js b/pages/api/stepper.js
index 4f30ce94600aa7..9a82355926ab2a 100644
--- a/pages/api/stepper.js
+++ b/pages/api/stepper.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './stepper.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/svg-icon.js b/pages/api/svg-icon.js
index f2a0717c37f920..7dc0b9d6b49ff6 100644
--- a/pages/api/svg-icon.js
+++ b/pages/api/svg-icon.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './svg-icon.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/swipeable-drawer.js b/pages/api/swipeable-drawer.js
index 46dee7eeb875a8..c681635a99a654 100644
--- a/pages/api/swipeable-drawer.js
+++ b/pages/api/swipeable-drawer.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './swipeable-drawer.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/switch.js b/pages/api/switch.js
index 3d5f4939528679..2c6e244f696793 100644
--- a/pages/api/switch.js
+++ b/pages/api/switch.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './switch.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/tab.js b/pages/api/tab.js
index 0b679d705fb3da..e3f30008868a5c 100644
--- a/pages/api/tab.js
+++ b/pages/api/tab.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './tab.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/table-body.js b/pages/api/table-body.js
index 9a559319539cbd..fe3590d50d3073 100644
--- a/pages/api/table-body.js
+++ b/pages/api/table-body.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './table-body.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/table-cell.js b/pages/api/table-cell.js
index ac08533235e00b..555b84e50c05f3 100644
--- a/pages/api/table-cell.js
+++ b/pages/api/table-cell.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './table-cell.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/table-footer.js b/pages/api/table-footer.js
index cd8d834925342d..e614c8f79d9f8a 100644
--- a/pages/api/table-footer.js
+++ b/pages/api/table-footer.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './table-footer.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/table-head.js b/pages/api/table-head.js
index 7483d4e4e5151a..e5610f799fa41c 100644
--- a/pages/api/table-head.js
+++ b/pages/api/table-head.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './table-head.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/table-pagination.js b/pages/api/table-pagination.js
index 52fb792cce641f..db6e57d1f7663e 100644
--- a/pages/api/table-pagination.js
+++ b/pages/api/table-pagination.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './table-pagination.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/table-row.js b/pages/api/table-row.js
index fc52a0303740ee..af9c02c9e8c0cc 100644
--- a/pages/api/table-row.js
+++ b/pages/api/table-row.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './table-row.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/table-sort-label.js b/pages/api/table-sort-label.js
index 859678c605e989..f2efad4dfb63eb 100644
--- a/pages/api/table-sort-label.js
+++ b/pages/api/table-sort-label.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './table-sort-label.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/table.js b/pages/api/table.js
index 3256ef10bd8cbc..a07e3758300378 100644
--- a/pages/api/table.js
+++ b/pages/api/table.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './table.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/tabs.js b/pages/api/tabs.js
index 6faaeaefb7ba6d..3d9f2ae45c1ed6 100644
--- a/pages/api/tabs.js
+++ b/pages/api/tabs.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './tabs.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/text-field.js b/pages/api/text-field.js
index b6e61bb297149f..6ff4aaa401a082 100644
--- a/pages/api/text-field.js
+++ b/pages/api/text-field.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './text-field.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/toolbar.js b/pages/api/toolbar.js
index 54fa89fea633f3..ab53476dd8ac16 100644
--- a/pages/api/toolbar.js
+++ b/pages/api/toolbar.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './toolbar.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/tooltip.js b/pages/api/tooltip.js
index 767b3ac8d67db9..ebe46abe6f05b2 100644
--- a/pages/api/tooltip.js
+++ b/pages/api/tooltip.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './tooltip.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/touch-ripple.js b/pages/api/touch-ripple.js
index 2aab172edc93b8..48b52b0b75fc38 100644
--- a/pages/api/touch-ripple.js
+++ b/pages/api/touch-ripple.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './touch-ripple.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/typography.js b/pages/api/typography.js
index 98e40ae56b83fe..eebc0b833f94fb 100644
--- a/pages/api/typography.js
+++ b/pages/api/typography.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './typography.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/api/zoom.js b/pages/api/zoom.js
index 857e8227b17639..b14d5581377e2b 100644
--- a/pages/api/zoom.js
+++ b/pages/api/zoom.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './zoom.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/css-in-js/advanced.js b/pages/css-in-js/advanced.js
index 5496fe90ae4da2..80ff0b17815a9c 100644
--- a/pages/css-in-js/advanced.js
+++ b/pages/css-in-js/advanced.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -49,4 +50,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/css-in-js/api.js b/pages/css-in-js/api.js
index e8d464f01fa15b..595ce187d8992a 100644
--- a/pages/css-in-js/api.js
+++ b/pages/css-in-js/api.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./api${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/css-in-js/basics.js b/pages/css-in-js/basics.js
index ae4b357944b31f..0f8369bf284c85 100644
--- a/pages/css-in-js/basics.js
+++ b/pages/css-in-js/basics.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -70,4 +71,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/customization/css-in-js.js b/pages/customization/css-in-js.js
index e05fcd7cef8526..4ec07962e1a11b 100644
--- a/pages/customization/css-in-js.js
+++ b/pages/customization/css-in-js.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -49,4 +50,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/customization/default-theme.js b/pages/customization/default-theme.js
index 0b4bc28d8224c8..be9cb47d180503 100644
--- a/pages/customization/default-theme.js
+++ b/pages/customization/default-theme.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -21,4 +22,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/customization/overrides.js b/pages/customization/overrides.js
index 76868cd2daaa1e..a784151d764261 100644
--- a/pages/customization/overrides.js
+++ b/pages/customization/overrides.js
@@ -1,7 +1,8 @@
 /* eslint-disable max-len */
 
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /\.md$/);
@@ -93,4 +94,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/customization/themes.js b/pages/customization/themes.js
index 77768540ff5ebd..29e5795c9a95e5 100644
--- a/pages/customization/themes.js
+++ b/pages/customization/themes.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /\.md$/);
@@ -84,4 +85,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/app-bar.js b/pages/demos/app-bar.js
index bc8d6ea6d02449..b469660edb34e9 100644
--- a/pages/demos/app-bar.js
+++ b/pages/demos/app-bar.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -63,4 +64,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/autocomplete.js b/pages/demos/autocomplete.js
index 8fd60fa12361f4..ea9024066a709d 100644
--- a/pages/demos/autocomplete.js
+++ b/pages/demos/autocomplete.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -35,4 +36,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/avatars.js b/pages/demos/avatars.js
index 373d58283b2c54..ed1c8f9a690c5c 100644
--- a/pages/demos/avatars.js
+++ b/pages/demos/avatars.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -35,4 +36,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/badges.js b/pages/demos/badges.js
index 3995bd700c686f..ba73b6e57fc002 100644
--- a/pages/demos/badges.js
+++ b/pages/demos/badges.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -35,4 +36,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/bottom-navigation.js b/pages/demos/bottom-navigation.js
index 68159a9ee0e68c..8c06343322f189 100644
--- a/pages/demos/bottom-navigation.js
+++ b/pages/demos/bottom-navigation.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -37,4 +38,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/buttons.js b/pages/demos/buttons.js
index c76b13277ed276..0f23c2f1991673 100644
--- a/pages/demos/buttons.js
+++ b/pages/demos/buttons.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -84,4 +85,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/cards.js b/pages/demos/cards.js
index b04dc40793147e..96f44bda8666a8 100644
--- a/pages/demos/cards.js
+++ b/pages/demos/cards.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -49,4 +50,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/chips.js b/pages/demos/chips.js
index e8083f37cf493e..9c669452b1456a 100644
--- a/pages/demos/chips.js
+++ b/pages/demos/chips.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -42,4 +43,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/dialogs.js b/pages/demos/dialogs.js
index 80c360ba77ccd3..452ab4b2e87c4b 100644
--- a/pages/demos/dialogs.js
+++ b/pages/demos/dialogs.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -91,4 +92,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/dividers.js b/pages/demos/dividers.js
index 5879c29bfae16b..9ca08f7198b3a6 100644
--- a/pages/demos/dividers.js
+++ b/pages/demos/dividers.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -42,4 +43,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/drawers.js b/pages/demos/drawers.js
index 07eb0d3434008d..f45278eb636514 100644
--- a/pages/demos/drawers.js
+++ b/pages/demos/drawers.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -77,4 +78,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/expansion-panels.js b/pages/demos/expansion-panels.js
index a33a6cff699468..488225f55338e1 100644
--- a/pages/demos/expansion-panels.js
+++ b/pages/demos/expansion-panels.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -38,4 +39,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/grid-list.js b/pages/demos/grid-list.js
index c1d65da0608073..0e3bfa8017577e 100644
--- a/pages/demos/grid-list.js
+++ b/pages/demos/grid-list.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -42,4 +43,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/lists.js b/pages/demos/lists.js
index f8a758f2355373..ebbf23a529470a 100644
--- a/pages/demos/lists.js
+++ b/pages/demos/lists.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -91,4 +92,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/menus.js b/pages/demos/menus.js
index 1c867214d49233..c0329483fd491c 100644
--- a/pages/demos/menus.js
+++ b/pages/demos/menus.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -77,4 +78,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/paper.js b/pages/demos/paper.js
index e20fd75e5a7f9a..fefe4a954f823a 100644
--- a/pages/demos/paper.js
+++ b/pages/demos/paper.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -21,4 +22,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/pickers.js b/pages/demos/pickers.js
index a0e07c768ed2cb..0a3cf1c4f23dd5 100644
--- a/pages/demos/pickers.js
+++ b/pages/demos/pickers.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -35,4 +36,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/progress.js b/pages/demos/progress.js
index 6c36e7a6093be8..968e575fb73f9c 100644
--- a/pages/demos/progress.js
+++ b/pages/demos/progress.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -91,4 +92,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/selection-controls.js b/pages/demos/selection-controls.js
index 93ebe66c38fe17..09a6a63370c24f 100644
--- a/pages/demos/selection-controls.js
+++ b/pages/demos/selection-controls.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -89,4 +90,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/selects.js b/pages/demos/selects.js
index 631b8b28de3287..394b511d42c796 100644
--- a/pages/demos/selects.js
+++ b/pages/demos/selects.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -49,4 +50,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/snackbars.js b/pages/demos/snackbars.js
index 6501c19bdda337..e8303f4c6f31d0 100644
--- a/pages/demos/snackbars.js
+++ b/pages/demos/snackbars.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -77,4 +78,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/steppers.js b/pages/demos/steppers.js
index 68442e3126d257..6a910b0932cd1e 100644
--- a/pages/demos/steppers.js
+++ b/pages/demos/steppers.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -97,4 +98,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/tables.js b/pages/demos/tables.js
index a0de27835d7b1c..2467769c0dafa7 100644
--- a/pages/demos/tables.js
+++ b/pages/demos/tables.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -56,4 +57,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/tabs.js b/pages/demos/tabs.js
index b42bf1b8749a77..e1132c0632ebe7 100644
--- a/pages/demos/tabs.js
+++ b/pages/demos/tabs.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -98,4 +99,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/text-fields.js b/pages/demos/text-fields.js
index 5a362845b62903..cf037cb3e98e6e 100644
--- a/pages/demos/text-fields.js
+++ b/pages/demos/text-fields.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -98,4 +99,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/demos/tooltips.js b/pages/demos/tooltips.js
index dba734c720c93b..946c70ff082555 100644
--- a/pages/demos/tooltips.js
+++ b/pages/demos/tooltips.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -84,4 +85,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/discover-more/backers.js b/pages/discover-more/backers.js
index fda62ec501a695..bf8ad6ef63bab4 100644
--- a/pages/discover-more/backers.js
+++ b/pages/discover-more/backers.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from '../../BACKERS.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs disableAd markdown={markdown} markdownLocation="/BACKERS.md" />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/discover-more/changelog.js b/pages/discover-more/changelog.js
index dcb959500f1660..a07beec3ccf586 100644
--- a/pages/discover-more/changelog.js
+++ b/pages/discover-more/changelog.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /\.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./changelog${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/discover-more/community.js b/pages/discover-more/community.js
index fed966779365b0..d37822cc3b9e05 100644
--- a/pages/discover-more/community.js
+++ b/pages/discover-more/community.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /\.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./community${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/discover-more/governance.js b/pages/discover-more/governance.js
index 8cd96ce3c390fc..57c42a4440ee39 100644
--- a/pages/discover-more/governance.js
+++ b/pages/discover-more/governance.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from '../../GOVERNANCE.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} markdownLocation="/GOVERNANCE.md" />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/discover-more/related-projects.js b/pages/discover-more/related-projects.js
index 960ce206d54746..448a6ed5c18224 100644
--- a/pages/discover-more/related-projects.js
+++ b/pages/discover-more/related-projects.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /\.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./related-projects${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/discover-more/roadmap.js b/pages/discover-more/roadmap.js
index 18e84d0d739e89..86cdcc287fc4a5 100644
--- a/pages/discover-more/roadmap.js
+++ b/pages/discover-more/roadmap.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from '../../ROADMAP.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} markdownLocation="/ROADMAP.md" />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/discover-more/showcase.js b/pages/discover-more/showcase.js
index beeb653f6fc5a7..6598a6f677347c 100644
--- a/pages/discover-more/showcase.js
+++ b/pages/discover-more/showcase.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -21,4 +22,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/discover-more/team.js b/pages/discover-more/team.js
index 33df86124a2a4c..db2e114835c5c9 100644
--- a/pages/discover-more/team.js
+++ b/pages/discover-more/team.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -21,4 +22,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/discover-more/vision.js b/pages/discover-more/vision.js
index 1601c46f72722d..38ef00b479142e 100644
--- a/pages/discover-more/vision.js
+++ b/pages/discover-more/vision.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /\.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./vision${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/comparison.js b/pages/getting-started/comparison.js
index 375e917e8fa14e..097f756089c9ba 100644
--- a/pages/getting-started/comparison.js
+++ b/pages/getting-started/comparison.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./comparison${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/example-projects.js b/pages/getting-started/example-projects.js
index 245d521d038fcf..fc5c9e4bc72c2a 100644
--- a/pages/getting-started/example-projects.js
+++ b/pages/getting-started/example-projects.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./example-projects${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/faq.js b/pages/getting-started/faq.js
index 1bf58ee3b5363a..61e8b735f9dc02 100644
--- a/pages/getting-started/faq.js
+++ b/pages/getting-started/faq.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./faq${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/installation.js b/pages/getting-started/installation.js
index 21c2a1c6b9a3a4..605b8c2760010f 100644
--- a/pages/getting-started/installation.js
+++ b/pages/getting-started/installation.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs disableAd markdown={req(`./installation${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/learn.js b/pages/getting-started/learn.js
index ffbc79c6733ab8..3f7113c9bb7f1c 100644
--- a/pages/getting-started/learn.js
+++ b/pages/getting-started/learn.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./learn${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/page-layout-examples.js b/pages/getting-started/page-layout-examples.js
index c12528c5f14b80..d3054917846259 100644
--- a/pages/getting-started/page-layout-examples.js
+++ b/pages/getting-started/page-layout-examples.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -25,4 +26,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/page-layout-examples/album.js b/pages/getting-started/page-layout-examples/album.js
index b8858a9c1279d8..ae5ad58275de5b 100644
--- a/pages/getting-started/page-layout-examples/album.js
+++ b/pages/getting-started/page-layout-examples/album.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import Album from 'docs/src/pages/getting-started/page-layout-examples/album/Album';
 
@@ -14,4 +15,4 @@ function Page() {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/page-layout-examples/blog.js b/pages/getting-started/page-layout-examples/blog.js
index 49a995116d075c..201bcb33bbc4e9 100644
--- a/pages/getting-started/page-layout-examples/blog.js
+++ b/pages/getting-started/page-layout-examples/blog.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import Blog from 'docs/src/pages/getting-started/page-layout-examples/blog/Blog';
 
@@ -14,4 +15,4 @@ function Page() {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/page-layout-examples/checkout.js b/pages/getting-started/page-layout-examples/checkout.js
index 7984a3ad0bf7b5..f417d777778e01 100644
--- a/pages/getting-started/page-layout-examples/checkout.js
+++ b/pages/getting-started/page-layout-examples/checkout.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import Checkout from 'docs/src/pages/getting-started/page-layout-examples/checkout/Checkout';
 
@@ -14,4 +15,4 @@ function Page() {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/page-layout-examples/dashboard.js b/pages/getting-started/page-layout-examples/dashboard.js
index a9bb8ae5d22c6f..9bff4637be5e39 100644
--- a/pages/getting-started/page-layout-examples/dashboard.js
+++ b/pages/getting-started/page-layout-examples/dashboard.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import Dashboard from 'docs/src/pages/getting-started/page-layout-examples/dashboard/Dashboard';
 
@@ -15,4 +16,4 @@ function Page() {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/page-layout-examples/pricing.js b/pages/getting-started/page-layout-examples/pricing.js
index 0ff5993e53183b..1d901aeb63b9b0 100644
--- a/pages/getting-started/page-layout-examples/pricing.js
+++ b/pages/getting-started/page-layout-examples/pricing.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import Pricing from 'docs/src/pages/getting-started/page-layout-examples/pricing/Pricing';
 
@@ -14,4 +15,4 @@ function Page() {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/page-layout-examples/sign-in.js b/pages/getting-started/page-layout-examples/sign-in.js
index c09b1f7a0f0004..3dce1929ed1a52 100644
--- a/pages/getting-started/page-layout-examples/sign-in.js
+++ b/pages/getting-started/page-layout-examples/sign-in.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import SignIn from 'docs/src/pages/getting-started/page-layout-examples/sign-in/SignIn';
 
@@ -14,4 +15,4 @@ function Page() {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/supported-components.js b/pages/getting-started/supported-components.js
index f969238ace5407..5aa597eb92f0bf 100644
--- a/pages/getting-started/supported-components.js
+++ b/pages/getting-started/supported-components.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./supported-components${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/supported-platforms.js b/pages/getting-started/supported-platforms.js
index 6bd21e451bb127..99ed0fc5fbee20 100644
--- a/pages/getting-started/supported-platforms.js
+++ b/pages/getting-started/supported-platforms.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./supported-platforms${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/getting-started/usage.js b/pages/getting-started/usage.js
index 5676dcada356e3..b045eaf7bdeeed 100644
--- a/pages/getting-started/usage.js
+++ b/pages/getting-started/usage.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -21,4 +22,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/guides/api.js b/pages/guides/api.js
index e8d464f01fa15b..595ce187d8992a 100644
--- a/pages/guides/api.js
+++ b/pages/guides/api.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./api${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/guides/composition.js b/pages/guides/composition.js
index ca7945a9ebeb9e..b2c135686b1496 100644
--- a/pages/guides/composition.js
+++ b/pages/guides/composition.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -28,4 +29,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/guides/flow.js b/pages/guides/flow.js
index b00b4e7694d4fb..9ec670cc941e73 100644
--- a/pages/guides/flow.js
+++ b/pages/guides/flow.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./flow${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/guides/interoperability.js b/pages/guides/interoperability.js
index a641266ad9a0a1..f8a0394815ff2f 100644
--- a/pages/guides/interoperability.js
+++ b/pages/guides/interoperability.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./interoperability${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/guides/migration-v0x.js b/pages/guides/migration-v0x.js
index 9aed6e974e8a85..4ac390fbc5a45c 100644
--- a/pages/guides/migration-v0x.js
+++ b/pages/guides/migration-v0x.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./migration-v0x${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/guides/minimizing-bundle-size.js b/pages/guides/minimizing-bundle-size.js
index 995a131388d8f4..815321c46b1803 100644
--- a/pages/guides/minimizing-bundle-size.js
+++ b/pages/guides/minimizing-bundle-size.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./minimizing-bundle-size${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/guides/right-to-left.js b/pages/guides/right-to-left.js
index 95db9e8fc23a05..bc8d39a11bfde8 100644
--- a/pages/guides/right-to-left.js
+++ b/pages/guides/right-to-left.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -28,4 +29,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/guides/server-rendering.js b/pages/guides/server-rendering.js
index 64adfc96558093..69788ec0c0bbff 100644
--- a/pages/guides/server-rendering.js
+++ b/pages/guides/server-rendering.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./server-rendering${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/guides/testing.js b/pages/guides/testing.js
index bd01d68645440f..74d9e581e7dabe 100644
--- a/pages/guides/testing.js
+++ b/pages/guides/testing.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./testing${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/guides/typescript.js b/pages/guides/typescript.js
index 31846fac74394d..f857bb70df98c2 100644
--- a/pages/guides/typescript.js
+++ b/pages/guides/typescript.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./typescript${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/index.js b/pages/index.js
index 25cc11bc0be997..421d3b5ff706e4 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,7 +1,7 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
 import PropTypes from 'prop-types';
-import compose from 'recompose/compose';
-import withRoot from 'docs/src/modules/components/withRoot';
 import { withStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
 import Button from '@material-ui/core/Button';
@@ -170,7 +170,7 @@ HomePage.propTypes = {
   classes: PropTypes.object.isRequired,
 };
 
-export default compose(
-  withRoot,
-  withStyles(styles),
-)(HomePage);
+const Page = withStyles(styles)(HomePage);
+
+// Hack for https://github.com/zeit/next.js/pull/5857
+export default () => <Page />;
diff --git a/pages/lab/about.js b/pages/lab/about.js
index 9224a86495a766..dd1ddb466717ab 100644
--- a/pages/lab/about.js
+++ b/pages/lab/about.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./about${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/lab/api/slider.js b/pages/lab/api/slider.js
index c1fc1c5861e383..e9939e04bc8c5b 100644
--- a/pages/lab/api/slider.js
+++ b/pages/lab/api/slider.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './slider.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/lab/api/speed-dial-action.js b/pages/lab/api/speed-dial-action.js
index 28f108446842de..edd3f6247feeb0 100644
--- a/pages/lab/api/speed-dial-action.js
+++ b/pages/lab/api/speed-dial-action.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './speed-dial-action.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/lab/api/speed-dial-icon.js b/pages/lab/api/speed-dial-icon.js
index d26475649a5c57..7105b7875b2029 100644
--- a/pages/lab/api/speed-dial-icon.js
+++ b/pages/lab/api/speed-dial-icon.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './speed-dial-icon.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/lab/api/speed-dial.js b/pages/lab/api/speed-dial.js
index 43f47fbab4a379..a64574fa6ed5e8 100644
--- a/pages/lab/api/speed-dial.js
+++ b/pages/lab/api/speed-dial.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './speed-dial.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/lab/api/toggle-button-group.js b/pages/lab/api/toggle-button-group.js
index 3c86f55502a6f0..07268fc6522fdf 100644
--- a/pages/lab/api/toggle-button-group.js
+++ b/pages/lab/api/toggle-button-group.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './toggle-button-group.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/lab/api/toggle-button.js b/pages/lab/api/toggle-button.js
index a8419ce2e4f01b..ecb8db8f499b75 100644
--- a/pages/lab/api/toggle-button.js
+++ b/pages/lab/api/toggle-button.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 import markdown from './toggle-button.md';
 
@@ -7,4 +8,4 @@ function Page() {
   return <MarkdownDocs markdown={markdown} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/lab/slider.js b/pages/lab/slider.js
index c044e9b0168860..7d94d117e6a9a4 100644
--- a/pages/lab/slider.js
+++ b/pages/lab/slider.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -49,4 +50,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/lab/speed-dial.js b/pages/lab/speed-dial.js
index 4393c121edb968..d116c83cdf92b4 100644
--- a/pages/lab/speed-dial.js
+++ b/pages/lab/speed-dial.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -35,4 +36,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/lab/toggle-button.js b/pages/lab/toggle-button.js
index 1edf49e318e089..fc7821f0b20cd3 100644
--- a/pages/lab/toggle-button.js
+++ b/pages/lab/toggle-button.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -21,4 +22,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/layout/basics.js b/pages/layout/basics.js
index 13284e78658376..6cdd009fac0e4e 100644
--- a/pages/layout/basics.js
+++ b/pages/layout/basics.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./basics${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/layout/breakpoints.js b/pages/layout/breakpoints.js
index d139e745ffbed5..86703759f45e52 100644
--- a/pages/layout/breakpoints.js
+++ b/pages/layout/breakpoints.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -35,4 +36,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/layout/grid.js b/pages/layout/grid.js
index b9e9183758c7fd..bca02a455e159c 100644
--- a/pages/layout/grid.js
+++ b/pages/layout/grid.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -77,4 +78,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/layout/hidden.js b/pages/layout/hidden.js
index 53a7954cd10b40..a7c56b2522465f 100644
--- a/pages/layout/hidden.js
+++ b/pages/layout/hidden.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -42,4 +43,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/premium-themes.js b/pages/premium-themes.js
index 2f145683ca5712..0d31abb7c6e90c 100644
--- a/pages/premium-themes.js
+++ b/pages/premium-themes.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -22,4 +23,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/premium-themes/onepirate/forgot-password.js b/pages/premium-themes/onepirate/forgot-password.js
index 0be0f78a2852bc..f3d94d45c50422 100644
--- a/pages/premium-themes/onepirate/forgot-password.js
+++ b/pages/premium-themes/onepirate/forgot-password.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import ForgotPassword from 'docs/src/pages/premium-themes/onepirate/ForgotPassword';
 
@@ -11,4 +12,4 @@ function Page() {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/premium-themes/onepirate/index.js b/pages/premium-themes/onepirate/index.js
index bdcce8e61a764d..08a34522c976b8 100644
--- a/pages/premium-themes/onepirate/index.js
+++ b/pages/premium-themes/onepirate/index.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import Home from 'docs/src/pages/premium-themes/onepirate/Home';
 
@@ -11,4 +12,4 @@ function Page() {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/premium-themes/onepirate/privacy.js b/pages/premium-themes/onepirate/privacy.js
index 3af39d580b3c0c..918e0dd7f6d42e 100644
--- a/pages/premium-themes/onepirate/privacy.js
+++ b/pages/premium-themes/onepirate/privacy.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import Privacy from 'docs/src/pages/premium-themes/onepirate/Privacy';
 
@@ -11,4 +12,4 @@ function Page() {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/premium-themes/onepirate/sign-in.js b/pages/premium-themes/onepirate/sign-in.js
index e150cc3338d94b..38fe5012abe022 100644
--- a/pages/premium-themes/onepirate/sign-in.js
+++ b/pages/premium-themes/onepirate/sign-in.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import SignIn from 'docs/src/pages/premium-themes/onepirate/SignIn';
 
@@ -11,4 +12,4 @@ function Page() {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/premium-themes/onepirate/sign-up.js b/pages/premium-themes/onepirate/sign-up.js
index 907ab98fd27509..00cb05f9c7955c 100644
--- a/pages/premium-themes/onepirate/sign-up.js
+++ b/pages/premium-themes/onepirate/sign-up.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import SignUp from 'docs/src/pages/premium-themes/onepirate/SignUp';
 
@@ -11,4 +12,4 @@ function Page() {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/premium-themes/onepirate/terms.js b/pages/premium-themes/onepirate/terms.js
index 3c2ab7a088849e..edadeb4d50ce8d 100644
--- a/pages/premium-themes/onepirate/terms.js
+++ b/pages/premium-themes/onepirate/terms.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import Terms from 'docs/src/pages/premium-themes/onepirate/Terms';
 
@@ -11,4 +12,4 @@ function Page() {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/premium-themes/paperbase/index.js b/pages/premium-themes/paperbase/index.js
index 2f0354aeaf39d8..fffcfb20433a3d 100644
--- a/pages/premium-themes/paperbase/index.js
+++ b/pages/premium-themes/paperbase/index.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import AppTheme from 'docs/src/modules/components/AppTheme';
 import Paperbase from 'docs/src/pages/premium-themes/paperbase/Paperbase';
 
@@ -11,4 +12,4 @@ function Page() {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/style/color.js b/pages/style/color.js
index 1e3e024d560b0c..6e6bdfd7bfa32b 100644
--- a/pages/style/color.js
+++ b/pages/style/color.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -28,4 +29,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/style/css-baseline.js b/pages/style/css-baseline.js
index b884b6613db775..5da503b1bed64b 100644
--- a/pages/style/css-baseline.js
+++ b/pages/style/css-baseline.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -8,4 +9,4 @@ function Page(props) {
   return <MarkdownDocs markdown={req(`./css-baseline${props.lang}.md`)} />;
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/style/icons.js b/pages/style/icons.js
index 5824002fb95c55..6daaf878e6aaf1 100644
--- a/pages/style/icons.js
+++ b/pages/style/icons.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -50,4 +51,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/style/typography.js b/pages/style/typography.js
index b6298857db1868..e50f6a5c8b0687 100644
--- a/pages/style/typography.js
+++ b/pages/style/typography.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -35,4 +36,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/utils/click-away-listener.js b/pages/utils/click-away-listener.js
index a6fcebfc297b59..0e1d64013d5d0a 100644
--- a/pages/utils/click-away-listener.js
+++ b/pages/utils/click-away-listener.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -21,4 +22,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/utils/modal.js b/pages/utils/modal.js
index a32a9e32128d10..189c6a8e59ffc6 100644
--- a/pages/utils/modal.js
+++ b/pages/utils/modal.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -21,4 +22,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/utils/no-ssr.js b/pages/utils/no-ssr.js
index 8c264b686c42ed..aadef91526f1a6 100644
--- a/pages/utils/no-ssr.js
+++ b/pages/utils/no-ssr.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -21,4 +22,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/utils/popover.js b/pages/utils/popover.js
index 3397a08c9aba85..5194a523f75240 100644
--- a/pages/utils/popover.js
+++ b/pages/utils/popover.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -49,4 +50,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/utils/popper.js b/pages/utils/popper.js
index ece39e1283caed..5e75b723cb9849 100644
--- a/pages/utils/popper.js
+++ b/pages/utils/popper.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -63,4 +64,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/utils/portal.js b/pages/utils/portal.js
index b0a9d381c2acc1..bb713ec8762f30 100644
--- a/pages/utils/portal.js
+++ b/pages/utils/portal.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -21,4 +22,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/utils/transitions.js b/pages/utils/transitions.js
index 3495d7cdbd370a..9bd223b4ea8a88 100644
--- a/pages/utils/transitions.js
+++ b/pages/utils/transitions.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -39,4 +40,4 @@ function Page(props) {
   );
 }
 
-export default withRoot(Page);
+export default Page;
diff --git a/pages/versions.js b/pages/versions.js
index b831017a6399a9..65eaadfb1c2e71 100644
--- a/pages/versions.js
+++ b/pages/versions.js
@@ -1,5 +1,6 @@
+import 'docs/src/modules/components/bootstrap';
+// --- Post bootstrap -----
 import React from 'react';
-import withRoot from 'docs/src/modules/components/withRoot';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
 
 const req = require.context('markdown', true, /.md$/);
@@ -28,4 +29,4 @@ module.exports = require('fs')
   );
 }
 
-export default withRoot(Page);
+export default Page;