Can someone please tell me why I keep getting fail prop ? I think is something to do with Grid

Im getting this error with prop type

react.development.js:209 Warning: Failed prop type: Material-UI: overlap="rectangle" was deprecated. Use overlap="rectangular" instead.

import Grid from '@mui/material/Grid';
    import { useFormContext, Controller } from "react-hook-form";
    import { TextField } from '@mui/material';
    
    
    
    
    export const AddressInput = (name, label, required) => {
        const {control} = useFormContext();
      return (
        
            <Grid item xs={12} sm= {6}>
                <Controller as={TextField} 
                control={control} 
                fullWidth defaultValue="" 
                name={name} label={label} 
                required={required} />
            </Grid>
        
      )
    }