Estou recebendo este warning, por utilizar o TextField como filho do InputMask conforme código abaixo. Como posso ajustá-lo para resolver este warning ?
<Box>
<InputMask
mask='(99)999999999'
maskChar=''
value={user.phone}
onChange={event=> handleChange(event,true)}
onBlur={event=> handleBlur(event)}>
{inputProps =>
<TextField
{...inputProps}
id='phone'
name='phone'
label='(DDD) + Celular'
autoComplete='off'
inputProps={{style:{textAlign:'left'}}}
InputProps={{
classes: {
input: styledUpdateUser.resize
},
}}
sx={styledUpdateUser.mediumTextField}
helperText={inputvalidation.keys.phone !== '' ? inputvalidation.keys.phone : ''}
error={inputvalidation.keys.phone !== '' ? true : false}
/>}
</InputMask>
</Box>