diff --git a/docs/src/components/home/Hero.tsx b/docs/src/components/home/Hero.tsx
index 87ecd1af9cdc78..b2dd562cbd4bea 100644
--- a/docs/src/components/home/Hero.tsx
+++ b/docs/src/components/home/Hero.tsx
@@ -50,10 +50,11 @@ const FolderTable = dynamic(() => import('../showcase/FolderTable'), {
loading: createLoading({ width: 360, height: 212 }),
});
-const ThemeDatePicker = dynamic(() => import('../showcase/ThemeDatePicker'), {
- ssr: false,
- loading: createLoading({ width: { md: 360, xl: 400 }, height: 260 }),
-});
+// TODO Revert #34541 when https://github.com/mui/mui-x/pull/6362 is released
+// const ThemeDatePicker = dynamic(() => import('../showcase/ThemeDatePicker'), {
+// ssr: false,
+// loading: createLoading({ width: { md: 360, xl: 400 }, height: 260 }),
+// });
const ThemeTabs = dynamic(() => import('../showcase/ThemeTabs'), {
ssr: false,
loading: createLoading({ width: { md: 360, xl: 400 }, height: 48 }),
@@ -153,12 +154,15 @@ export default function Hero() {
-
+ {/* Temporary moved FolderTable to the next column due to ThemeDatePicker automatic focus */}
+ {/* */}
)}
{isMdUp && (
.MuiPaper-root': { maxWidth: 'none' } }}>
-
+ {/* Temporary removed ThemeDatePicker due to layout crash from auto focus */}
+ {/* */}
+