Hice un tema personalizado en Material-UI , anulando los accesorios predeterminados para el componente Textfield :
const customTheme = createTheme({ components: { MuiTextField: { defaultProps: { InputProps: { notched: false, }, }, } } Cuando trato de usar el componente en mi proyecto, funciona como se esperaba, con el accesorio predeterminado configurado en notched:false :
<TextField label="Enter Something" /> Sin embargo, cuando trato de mencionar algún otro accesorio en el accesorio InputProps , anula el accesorio con notched , al valor predeterminado de fábrica:
<TextField label="Enter Something" InputProps={{ readOnly:true }} /> // component behaves like I never set the defaultProps on the customTheme¿Cómo puedo evitar que anule mi tema personalizado, a menos que establezca explícitamente ese accesorio en la instancia del componente?
<TextField label="Enter Something" InputProps={{ readOnly:true, notched:true }} />