Creé el componente SelectType usando Styled Component de la siguiente manera:
import Select from '@mui/material/Select'; export const SelectType = styled(Select)` width:100%; border:2px solid #eaeaef; border-radius:8px; margin-top:2px; /* padding:8px; */ `
Entonces lo estoy usando de la siguiente manera:
<SelectType value={dataFieldType} placeholder="Select Data Field Type" onChange={handleSelect} > <MenuItem value={"address"}>Address</MenuItem> <MenuItem value={"number"}>Number</MenuItem> </SelectType>
La función handleSelect es la siguiente:
const handleSelect = (e:SelectChangeEvent) => { setDataFieldType(e.target.value as string) }
Pero onChange muestra este error:
Ninguna sobrecarga coincide con esta llamada. Sobrecarga 1 de 2, '(accesorios: { entrada?: ReactElement<cualquiera, cualquiera> | indefinido; ¿etiqueta?: ReactNode; ¿ranura?: cadena | indefinido; estilo?: CSSProperties | indefinido; título?: cadena | indefinido; .. .292 más...;¿variante?: "llenado" |... 2 más... |indefinido;} & {...; } & {...; }): ReactElement<...>', dio el siguiente error.
Si estoy usando directamente Select from MUI, funciona bien pero arroja un error para SelectType
¿Cómo puedo resolver esto?