fix Grid usage

danilo-leal · Apr 15, 2024 · 1a450ca · 1a450ca
1 parent 84b8ed1
commit 1a450ca
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/docs/src/components/home/CompaniesGrid.tsx b/docs/src/components/home/CompaniesGrid.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import Grid from '@mui/material/Grid';
+import Grid from '@mui/material/Unstable_Grid2';
 import IconImage, { IconImageProps } from 'docs/src/components/icon/IconImage';
 
 export const CORE_CUSTOMERS: Array<IconImageProps> = [
@@ -189,7 +189,6 @@ export default function CompaniesGrid({ data }: { data: Array<IconImageProps> })
       {data.map((imgProps) => (
         <Grid
           key={imgProps.name}
-          item
           xs={6}
           sm={4}
           md={2}

diff --git a/docs/src/components/productDesignKit/DesignKitFAQ.tsx b/docs/src/components/productDesignKit/DesignKitFAQ.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
-import Grid from '@mui/material/Grid';
+import Grid from '@mui/material/Unstable_Grid2';
 import Button from '@mui/material/Button';
 import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
 import Paper from '@mui/material/Paper';
@@ -141,12 +141,12 @@ export default function DesignKitFAQ() {
         Frequently asked questions
       </Typography>
       <Grid container spacing={2}>
-        <Grid item xs={12} md={6}>
+        <Grid xs={12} md={6}>
           {renderItem(0)}
           {renderItem(1)}
           {renderItem(2)}
         </Grid>
-        <Grid item xs={12} md={6}>
+        <Grid xs={12} md={6}>
           {renderItem(3)}
           {renderItem(4)}
           <Paper

diff --git a/docs/src/components/productMaterial/MaterialDesignKits.tsx b/docs/src/components/productMaterial/MaterialDesignKits.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { styled, alpha } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-import Grid from '@mui/material/Grid';
+import Grid from '@mui/material/Unstable_Grid2';
 import Fade from '@mui/material/Fade';
 import Chip from '@mui/material/Chip';
 import Typography from '@mui/material/Typography';
@@ -41,7 +41,7 @@ export default function MaterialDesignKits({ gradient }: MaterialDesignKitsProps
   return (
     <Section bg={gradient ? 'gradient' : 'white'} cozy>
       <Grid container spacing={2} alignItems="center">
-        <Grid item md={6} sx={{ minWidth: 0 }}>
+        <Grid md={6} sx={{ minWidth: 0 }}>
           <SectionHeadline
             overline="Design resources"
             title={
@@ -69,7 +69,6 @@ export default function MaterialDesignKits({ gradient }: MaterialDesignKitsProps
           </Group>
         </Grid>
         <Grid
-          item
           xs={12}
           md={6}
           sx={{