<TextField value={ele.mobile} helperText={ferrors[id]?.mobile} name="mobile" classes={{ root: classes.textField }} InputProps={{ className: classes.textField }} inputProps={{ maxLength: 10, type:'number'}} label="Mobile Number" variant="outlined" onChange={(e) => handleChange(id, e)} />He dado los valores de inputProps de maxLenght y type pero solo el tipo funciona
si desea hacer un número de longitud máximo de 10, simplemente use el max con el número largest :
inputProps={{ max: 9999999999, type:'number'}}maybe this will help <TextField required id="required" label="Required" min={0} inputProps={{ maxLength: 5, type: 'number', }} onInput={(e)=>{ e.target.value = Math.max(0, parseInt(e.target.value) ).toString().slice(0,e.target.maxLength) }} />Acerca de su pregunta, creo que puede intentar usar la configuración de longitud máxima en inputProps.
<TextField value={ele.mobile} helperText={ferrors[id]?.mobile} name="mobile" classes={{ root: classes.textField }} InputProps={{ className: classes.textField }} inputProps ={{ maxlength: 10, type:'number'}} label="Mobile Number" variant="outlined" onChange={(e) => handleChange(id, e)} />