fix: remove deprecated Grid component and replace with Grid2 component

the-collab-lab · Oct 18, 2024 · a82d8fa · a82d8fa
1 parent a7ddba0
commit a82d8fa
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/views/List.jsx b/src/views/List.jsx
@@ -1,7 +1,8 @@
 import React, { useState } from 'react';
 import { useEnsureListPath, useUrgency } from '../hooks';
 import { getUrgency } from '../utils/urgencyUtils';
-import { List as UnorderedList, Box, Grid } from '@mui/material';
+import { List as UnorderedList, Box } from '@mui/material';
+import Grid from '@mui/material/Grid2';
 import { ListItem, AddItems, TextInputElement } from '../components';
 
 // React.memo is needed to prevent unnecessary re-renders of the List component
@@ -47,10 +48,10 @@ export const List = React.memo(function List({ data, listPath }) {
 							columns={16}
 							justifyContent="space-between"
 						>
-							<Grid item size={{ xs: 2, sm: 4, md: 4 }}>
+							<Grid size={{ xs: 2, sm: 4, md: 4 }}>
 								<AddItems items={data} />
 							</Grid>
-							<Grid item size={{ xs: 2, sm: 4, md: 4 }}>
+							<Grid size={{ xs: 2, sm: 4, md: 4 }}>
 								<form onSubmit={(event) => event.preventDefault()}>
 									<TextInputElement
 										id="search-item"