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?