diff --git a/docs/pages/joy-ui/react-button-group.js b/docs/pages/joy-ui/react-button-group.js
index 07d73001da1e3e..e43e0e801c8509 100644
--- a/docs/pages/joy-ui/react-button-group.js
+++ b/docs/pages/joy-ui/react-button-group.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/joy/components/button-group/button-group.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/joy-ui/react-button.js b/docs/pages/joy-ui/react-button.js
index 72bffbb4336d87..2fc46a2b1c9311 100644
--- a/docs/pages/joy-ui/react-button.js
+++ b/docs/pages/joy-ui/react-button.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/joy/components/button/button.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/about-the-lab.js b/docs/pages/material-ui/about-the-lab.js
index c028dfbaea4932..c53e3d13f0ffbe 100644
--- a/docs/pages/material-ui/about-the-lab.js
+++ b/docs/pages/material-ui/about-the-lab.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/about-the-lab/about-the-lab.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/all-components/index.js b/docs/pages/material-ui/all-components/index.js
index 202a1f5028b36c..9fb422656567eb 100644
--- a/docs/pages/material-ui/all-components/index.js
+++ b/docs/pages/material-ui/all-components/index.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/all-components/all-components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/icons.js b/docs/pages/material-ui/icons.js
index 07de341709f0e8..a8e8d76b550e98 100644
--- a/docs/pages/material-ui/icons.js
+++ b/docs/pages/material-ui/icons.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/icons/icons.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/material-icons.js b/docs/pages/material-ui/material-icons.js
index 88344171346946..c6740c5534a47b 100644
--- a/docs/pages/material-ui/material-icons.js
+++ b/docs/pages/material-ui/material-icons.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/material-icons/material-icons.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableToc />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-accordion.js b/docs/pages/material-ui/react-accordion.js
index 1c7e53c5306d51..00c12092a29a35 100644
--- a/docs/pages/material-ui/react-accordion.js
+++ b/docs/pages/material-ui/react-accordion.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/accordion/accordion.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-alert.js b/docs/pages/material-ui/react-alert.js
index 5ff0b8e14c5653..b34ec544399478 100644
--- a/docs/pages/material-ui/react-alert.js
+++ b/docs/pages/material-ui/react-alert.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/alert/alert.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-app-bar.js b/docs/pages/material-ui/react-app-bar.js
index 84efc04925f535..b222db8b88d3bb 100644
--- a/docs/pages/material-ui/react-app-bar.js
+++ b/docs/pages/material-ui/react-app-bar.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/app-bar/app-bar.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-autocomplete.js b/docs/pages/material-ui/react-autocomplete.js
index 8902dffd65db28..e3533689ce850e 100644
--- a/docs/pages/material-ui/react-autocomplete.js
+++ b/docs/pages/material-ui/react-autocomplete.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/autocomplete/autocomplete.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-avatar.js b/docs/pages/material-ui/react-avatar.js
index fb69aa1b721484..72e925a2b2d87d 100644
--- a/docs/pages/material-ui/react-avatar.js
+++ b/docs/pages/material-ui/react-avatar.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/avatars/avatars.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-backdrop.js b/docs/pages/material-ui/react-backdrop.js
index 9246804b99e358..e4154086115850 100644
--- a/docs/pages/material-ui/react-backdrop.js
+++ b/docs/pages/material-ui/react-backdrop.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/backdrop/backdrop.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-badge.js b/docs/pages/material-ui/react-badge.js
index bf7e789c24b2dd..8bb06eb53e5b18 100644
--- a/docs/pages/material-ui/react-badge.js
+++ b/docs/pages/material-ui/react-badge.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/badges/badges.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-bottom-navigation.js b/docs/pages/material-ui/react-bottom-navigation.js
index 133c440143c6e5..df9a88f975092a 100644
--- a/docs/pages/material-ui/react-bottom-navigation.js
+++ b/docs/pages/material-ui/react-bottom-navigation.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/bottom-navigation/bottom-navigation.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-box.js b/docs/pages/material-ui/react-box.js
index 350423ce30f00b..43399867fbaba0 100644
--- a/docs/pages/material-ui/react-box.js
+++ b/docs/pages/material-ui/react-box.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/box/box.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-breadcrumbs.js b/docs/pages/material-ui/react-breadcrumbs.js
index f64f67b09fd1d0..c9d29923ee017a 100644
--- a/docs/pages/material-ui/react-breadcrumbs.js
+++ b/docs/pages/material-ui/react-breadcrumbs.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/breadcrumbs/breadcrumbs.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-button-group.js b/docs/pages/material-ui/react-button-group.js
index e80f999ccf2062..83ee27df217cb1 100644
--- a/docs/pages/material-ui/react-button-group.js
+++ b/docs/pages/material-ui/react-button-group.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/button-group/button-group.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-button.js b/docs/pages/material-ui/react-button.js
index 586ee3f38098a6..14d0e5987aef20 100644
--- a/docs/pages/material-ui/react-button.js
+++ b/docs/pages/material-ui/react-button.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/buttons/buttons.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-card.js b/docs/pages/material-ui/react-card.js
index 8fb6f72afe1968..6b5ad2246ed256 100644
--- a/docs/pages/material-ui/react-card.js
+++ b/docs/pages/material-ui/react-card.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/cards/cards.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-checkbox.js b/docs/pages/material-ui/react-checkbox.js
index e6c610d0dd0ba6..9b782355da9706 100644
--- a/docs/pages/material-ui/react-checkbox.js
+++ b/docs/pages/material-ui/react-checkbox.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/checkboxes/checkboxes.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-chip.js b/docs/pages/material-ui/react-chip.js
index 9af1f9e4bd4785..1d9b1f9a51793a 100644
--- a/docs/pages/material-ui/react-chip.js
+++ b/docs/pages/material-ui/react-chip.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/chips/chips.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-click-away-listener.js b/docs/pages/material-ui/react-click-away-listener.js
index fb964ae06144a5..7d6977011ae6af 100644
--- a/docs/pages/material-ui/react-click-away-listener.js
+++ b/docs/pages/material-ui/react-click-away-listener.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/click-away-listener/click-away-listener.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-container.js b/docs/pages/material-ui/react-container.js
index 974047436f4464..936a71802e399d 100644
--- a/docs/pages/material-ui/react-container.js
+++ b/docs/pages/material-ui/react-container.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/container/container.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-css-baseline.js b/docs/pages/material-ui/react-css-baseline.js
index fb43be46fc6ea0..a0dd5d955035b2 100644
--- a/docs/pages/material-ui/react-css-baseline.js
+++ b/docs/pages/material-ui/react-css-baseline.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/css-baseline/css-baseline.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-dialog.js b/docs/pages/material-ui/react-dialog.js
index 2ded281a496a7a..620fc917b2e48d 100644
--- a/docs/pages/material-ui/react-dialog.js
+++ b/docs/pages/material-ui/react-dialog.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/dialogs/dialogs.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-divider.js b/docs/pages/material-ui/react-divider.js
index 4ca13335073941..6d745b5528a3ab 100644
--- a/docs/pages/material-ui/react-divider.js
+++ b/docs/pages/material-ui/react-divider.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/dividers/dividers.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-drawer.js b/docs/pages/material-ui/react-drawer.js
index 8aac39efcdfaca..08d13f9c331b27 100644
--- a/docs/pages/material-ui/react-drawer.js
+++ b/docs/pages/material-ui/react-drawer.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/drawers/drawers.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-floating-action-button.js b/docs/pages/material-ui/react-floating-action-button.js
index 66a5658de6a2cf..118012bf07cbed 100644
--- a/docs/pages/material-ui/react-floating-action-button.js
+++ b/docs/pages/material-ui/react-floating-action-button.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/floating-action-button/floating-action-button.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-grid-legacy.js b/docs/pages/material-ui/react-grid-legacy.js
index c65f4002bf32c8..5c999f356bf3fc 100644
--- a/docs/pages/material-ui/react-grid-legacy.js
+++ b/docs/pages/material-ui/react-grid-legacy.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/grid-legacy/grid-legacy.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-grid.js b/docs/pages/material-ui/react-grid.js
index 2ffecb31f92132..7632764e12a0d2 100644
--- a/docs/pages/material-ui/react-grid.js
+++ b/docs/pages/material-ui/react-grid.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/grid/grid.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-image-list.js b/docs/pages/material-ui/react-image-list.js
index 79a5925eb05e95..dd6fd220b7f2c9 100644
--- a/docs/pages/material-ui/react-image-list.js
+++ b/docs/pages/material-ui/react-image-list.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/image-list/image-list.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-init-color-scheme-script.js b/docs/pages/material-ui/react-init-color-scheme-script.js
index 96501357ac28f1..b8c76ecb3c3514 100644
--- a/docs/pages/material-ui/react-init-color-scheme-script.js
+++ b/docs/pages/material-ui/react-init-color-scheme-script.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/init-color-scheme-script/init-color-scheme-script.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-link.js b/docs/pages/material-ui/react-link.js
index 6a3c6bbb71149c..5c031dab6c5ee5 100644
--- a/docs/pages/material-ui/react-link.js
+++ b/docs/pages/material-ui/react-link.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/links/links.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-list.js b/docs/pages/material-ui/react-list.js
index 5ff15e226ab828..45e8e592b5381d 100644
--- a/docs/pages/material-ui/react-list.js
+++ b/docs/pages/material-ui/react-list.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/lists/lists.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-masonry.js b/docs/pages/material-ui/react-masonry.js
index 8d60dbed5893bf..2ac161a282cd3a 100644
--- a/docs/pages/material-ui/react-masonry.js
+++ b/docs/pages/material-ui/react-masonry.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/masonry/masonry.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-menu.js b/docs/pages/material-ui/react-menu.js
index adeeb30a02ab9c..27af4189ec81b0 100644
--- a/docs/pages/material-ui/react-menu.js
+++ b/docs/pages/material-ui/react-menu.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/menus/menus.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-modal.js b/docs/pages/material-ui/react-modal.js
index 2fd8152936ee4d..5dbc4195e9bb5c 100644
--- a/docs/pages/material-ui/react-modal.js
+++ b/docs/pages/material-ui/react-modal.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/modal/modal.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-no-ssr.js b/docs/pages/material-ui/react-no-ssr.js
index 3b2bf08f6f15a8..aa9c217f226057 100644
--- a/docs/pages/material-ui/react-no-ssr.js
+++ b/docs/pages/material-ui/react-no-ssr.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/no-ssr/no-ssr.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-pagination.js b/docs/pages/material-ui/react-pagination.js
index fe739abc49562b..feaf61ba6cbccb 100644
--- a/docs/pages/material-ui/react-pagination.js
+++ b/docs/pages/material-ui/react-pagination.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/pagination/pagination.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-paper.js b/docs/pages/material-ui/react-paper.js
index 1d3530c004087e..a98bd7057ed734 100644
--- a/docs/pages/material-ui/react-paper.js
+++ b/docs/pages/material-ui/react-paper.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/paper/paper.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-popover.js b/docs/pages/material-ui/react-popover.js
index 9bbd2deb5f5e5f..7af84257f269bf 100644
--- a/docs/pages/material-ui/react-popover.js
+++ b/docs/pages/material-ui/react-popover.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/popover/popover.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-popper.js b/docs/pages/material-ui/react-popper.js
index f228bcde1491d2..99038272f7892d 100644
--- a/docs/pages/material-ui/react-popper.js
+++ b/docs/pages/material-ui/react-popper.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/popper/popper.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-portal.js b/docs/pages/material-ui/react-portal.js
index ad08e80adecda0..a2336157a901b6 100644
--- a/docs/pages/material-ui/react-portal.js
+++ b/docs/pages/material-ui/react-portal.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/portal/portal.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-progress.js b/docs/pages/material-ui/react-progress.js
index e4a2a09cd1db57..edd07635c11b68 100644
--- a/docs/pages/material-ui/react-progress.js
+++ b/docs/pages/material-ui/react-progress.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/progress/progress.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-radio-button.js b/docs/pages/material-ui/react-radio-button.js
index e8db25df8ce071..f4c7a4e52ca5a5 100644
--- a/docs/pages/material-ui/react-radio-button.js
+++ b/docs/pages/material-ui/react-radio-button.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/radio-buttons/radio-buttons.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-rating.js b/docs/pages/material-ui/react-rating.js
index a4fba7027ca9c6..903b528873dadf 100644
--- a/docs/pages/material-ui/react-rating.js
+++ b/docs/pages/material-ui/react-rating.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/rating/rating.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-select.js b/docs/pages/material-ui/react-select.js
index e158606f9199b5..f804cc796bdde3 100644
--- a/docs/pages/material-ui/react-select.js
+++ b/docs/pages/material-ui/react-select.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/selects/selects.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-skeleton.js b/docs/pages/material-ui/react-skeleton.js
index 2ff3091f92006f..139c5cff1ed115 100644
--- a/docs/pages/material-ui/react-skeleton.js
+++ b/docs/pages/material-ui/react-skeleton.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/skeleton/skeleton.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-slider.js b/docs/pages/material-ui/react-slider.js
index e11443c469eaf4..886fc8b672fc82 100644
--- a/docs/pages/material-ui/react-slider.js
+++ b/docs/pages/material-ui/react-slider.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/slider/slider.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-snackbar.js b/docs/pages/material-ui/react-snackbar.js
index b1f6c4efa1a6a3..e711fc80d82a2d 100644
--- a/docs/pages/material-ui/react-snackbar.js
+++ b/docs/pages/material-ui/react-snackbar.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/snackbars/snackbars.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-speed-dial.js b/docs/pages/material-ui/react-speed-dial.js
index 3ed86f5fde2a05..adbda1e7478954 100644
--- a/docs/pages/material-ui/react-speed-dial.js
+++ b/docs/pages/material-ui/react-speed-dial.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/speed-dial/speed-dial.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-stack.js b/docs/pages/material-ui/react-stack.js
index af230dcf002b3f..2559a80243e3d8 100644
--- a/docs/pages/material-ui/react-stack.js
+++ b/docs/pages/material-ui/react-stack.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/stack/stack.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-stepper.js b/docs/pages/material-ui/react-stepper.js
index 7a389033833b41..89adb2e6bd97c6 100644
--- a/docs/pages/material-ui/react-stepper.js
+++ b/docs/pages/material-ui/react-stepper.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/steppers/steppers.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-switch.js b/docs/pages/material-ui/react-switch.js
index 59f5eae99895ea..a515b6d1347e63 100644
--- a/docs/pages/material-ui/react-switch.js
+++ b/docs/pages/material-ui/react-switch.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/switches/switches.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-table.js b/docs/pages/material-ui/react-table.js
index 398a5a9a46a551..b8e13fc6170395 100644
--- a/docs/pages/material-ui/react-table.js
+++ b/docs/pages/material-ui/react-table.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/table/table.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-tabs.js b/docs/pages/material-ui/react-tabs.js
index 2406fcc3a665ce..6379f010b685b0 100644
--- a/docs/pages/material-ui/react-tabs.js
+++ b/docs/pages/material-ui/react-tabs.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/tabs/tabs.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-text-field.js b/docs/pages/material-ui/react-text-field.js
index c3f07ee5467c48..59485e798447ea 100644
--- a/docs/pages/material-ui/react-text-field.js
+++ b/docs/pages/material-ui/react-text-field.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/text-fields/text-fields.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-textarea-autosize.js b/docs/pages/material-ui/react-textarea-autosize.js
index 4c87d54571af4e..5f131e7d387a08 100644
--- a/docs/pages/material-ui/react-textarea-autosize.js
+++ b/docs/pages/material-ui/react-textarea-autosize.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/textarea-autosize/textarea-autosize.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-timeline.js b/docs/pages/material-ui/react-timeline.js
index 87167e7220fba0..16078f53ee68d4 100644
--- a/docs/pages/material-ui/react-timeline.js
+++ b/docs/pages/material-ui/react-timeline.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/timeline/timeline.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-toggle-button.js b/docs/pages/material-ui/react-toggle-button.js
index c5df44f259cd62..cda7551889b338 100644
--- a/docs/pages/material-ui/react-toggle-button.js
+++ b/docs/pages/material-ui/react-toggle-button.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/toggle-button/toggle-button.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-tooltip.js b/docs/pages/material-ui/react-tooltip.js
index 3893fc2aed36a6..0e9d673b3635e6 100644
--- a/docs/pages/material-ui/react-tooltip.js
+++ b/docs/pages/material-ui/react-tooltip.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/tooltips/tooltips.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-transfer-list.js b/docs/pages/material-ui/react-transfer-list.js
index 2ae58dcfb4ff3b..1fd82e46deecf0 100644
--- a/docs/pages/material-ui/react-transfer-list.js
+++ b/docs/pages/material-ui/react-transfer-list.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/transfer-list/transfer-list.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-typography.js b/docs/pages/material-ui/react-typography.js
index 4a0b190155e9ea..72cc8833b6132e 100644
--- a/docs/pages/material-ui/react-typography.js
+++ b/docs/pages/material-ui/react-typography.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/typography/typography.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/react-use-media-query.js b/docs/pages/material-ui/react-use-media-query.js
index ae24bc8ce38672..a4637fdd05ce1a 100644
--- a/docs/pages/material-ui/react-use-media-query.js
+++ b/docs/pages/material-ui/react-use-media-query.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/use-media-query/use-media-query.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};
diff --git a/docs/pages/material-ui/transitions.js b/docs/pages/material-ui/transitions.js
index 2647d9bc2870e8..ae0ea191f15edc 100644
--- a/docs/pages/material-ui/transitions.js
+++ b/docs/pages/material-ui/transitions.js
@@ -1,12 +1,7 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocsV2';
-import AppFrame from 'docs/src/modules/components/AppFrame';
 import * as pageProps from 'docs/data/material/components/transitions/transitions.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;
 }
-
-Page.getLayout = (page) => {
-  return <AppFrame>{page}</AppFrame>;
-};