Cualquiera sabe por qué sucede esto. Estoy usando la interfaz de usuario de material. el valor predeterminado y la etiqueta del campo se superponen por alguna razón.

Aquí está el código para la representación de los campos:

 {formSchema.map((element, index) => ( <Grid key={element.name} className={classes.gridItems} item sm={6}> {formInputRender(element, index)} </Grid> ))}

y este es el campo en la matriz forSchema :

 4: dataType: "number" defaultValue: null mandatory: false name: "Amount" validation: {minLength: null, maxLength: null} [[Prototype]]: Object

función formInputRender :

 case 'number': return ( <TextFieldElement name={formElement.name} type="number" required={formElement.mandatory} label={formElement.name} value={formik.values[formElement.name]} onChange={formik.handleChange} onBlur={blurHandler} onKeyDown={(evt) => evt.key === 'e' && evt.preventDefault()} error={errorHandler(formElement)} helperText={errorHandlerText(formElement)} className={classes.flexGrow} InputProps={ apiFields.includes(formElement.name) ? { endAdornment: ( <InputAdornment position="end" style={{ outline: 'none' }}> {apiErrorHandler(formElement.name)} </InputAdornment> ) } : false }