|  |  | 
 |  |  |     const handleChange = (event, newValue) => { | 
 |  |  |         setValue(newValue); | 
 |  |  |     }; | 
 |  |  |     const validateForm = (values) => { | 
 |  |  |         const errors = {}; | 
 |  |  |         if (!values.shipperId) { | 
 |  |  |             errors.shipperId = translate('form.matnr.shipper'); | 
 |  |  |         } | 
 |  |  |         if (!values.groupId) { | 
 |  |  |             errors.groupId = translate('form.matnr.groupId'); | 
 |  |  |         } | 
 |  |  |         return errors; | 
 |  |  |     }; | 
 |  |  |     return ( | 
 |  |  |         <Edit | 
 |  |  |             redirect="list" | 
 |  |  | 
 |  |  |                 toolbar={<FormToolbar />} | 
 |  |  |                 mode="onTouched" | 
 |  |  |                 defaultValues={{}} | 
 |  |  |                 validate={validateForm} | 
 |  |  |             // validate={(values) => { }} | 
 |  |  |             > | 
 |  |  |                 <Grid container width={{ xs: '20%', xl: '80%' }} rowSpacing={3} columnSpacing={3}> | 
 |  |  |                 <Grid container rowSpacing={3} columnSpacing={3}> | 
 |  |  |  | 
 |  |  |                     <Grid item xs={12} md={10}> | 
 |  |  |                         <Typography variant="h6" gutterBottom> | 
 |  |  | 
 |  |  |                                 </Grid> | 
 |  |  |                                 <Grid item xs={6} display="flex" gap={1}> | 
 |  |  |                                     <TextInput | 
 |  |  |                                         label="table.field.matnr.erpCode" | 
 |  |  |                                         source="erpCode" | 
 |  |  |                                         label="table.field.matnr.platCode" | 
 |  |  |                                         source="platCode" | 
 |  |  |                                         parse={v => v} | 
 |  |  |                                     /> | 
 |  |  |                                 </Grid> |