|  |  | 
 |  |  |                   /> | 
 |  |  |                 </Grid> | 
 |  |  |                 <Grid item xs={6} display="flex" gap={1}> | 
 |  |  |                   <ReferenceInput source="shipperId" reference="companys"> | 
 |  |  |                   <ReferenceInput | 
 |  |  |                     source="warehouseId" | 
 |  |  |                     reference="warehouse" | 
 |  |  |                   > | 
 |  |  |                     <AutocompleteInput | 
 |  |  |                       label="table.field.warehouseAreas.wareId" | 
 |  |  |                       optionText="name" | 
 |  |  |                       validate={[required()]} | 
 |  |  |                       filterToQuery={(val) => ({ name: val })} | 
 |  |  |                     /> | 
 |  |  |                   </ReferenceInput> | 
 |  |  |                 </Grid> | 
 |  |  |                 <Grid item xs={6} display="flex" gap={1}> | 
 |  |  |                   <ReferenceInput source="shipperId" reference="companys" filter={{ type: 'shipper' }}> | 
 |  |  |                     <AutocompleteInput | 
 |  |  |                       label="table.field.warehouseAreas.shipperId" | 
 |  |  |                       optionText="name" | 
 |  |  | 
 |  |  |                   </ReferenceInput> | 
 |  |  |                 </Grid> | 
 |  |  |                 <Grid item xs={6} display="flex" gap={1}> | 
 |  |  |                   <ReferenceInput source="supplierId" reference="companys"> | 
 |  |  |                   <ReferenceInput source="supplierId" reference="companys" filter={{ type: 'supplier' }}> | 
 |  |  |                     <AutocompleteInput | 
 |  |  |                       label="table.field.warehouseAreas.supplierId" | 
 |  |  |                       optionText="name" |