Necesito pasar un valor nulo pero recibo un error, ¿cómo puedo extender este tipo?
TS2769: ninguna sobrecarga coincide con esta llamada. Sobrecarga 1 de 3, '(props: { href: string; } & { autoFocus?: booleano | indefinido; ¿clases?: parcial | indefinido; denso?: booleano | indefinido; deshabilitado?: booleano | indefinido; disabledGutters?: booleano | indefinido; divisor?: booleano | indefinido; seleccionado?: booleano | indefinido; sx?: SxProps<...> | indefinido; } & Omit<...> & CommonProps & Omit<...>): Elemento', dio el siguiente error. Escriba '{ niños: ReactNode; valor: nulo; }' no se puede asignar al tipo 'IntrinsicAttributes & { href: string; } & { autoenfoque?: booleano | indefinido; clases?: Parcial | indefinido; denso?: booleano | indefinido; ... 4 más ...; sx?: SxProps<...> | indefinido; } & Omitir<...> & CommonProps & Omitir<...>'. La propiedad 'valor' no existe en el tipo 'IntrinsicAttributes & { href: string; } & { autoenfoque?: booleano | indefinido; clases?: Parcial | indefinido; denso?: booleano | indefinido; ... 4 más ...; sx?: SxProps<...> | indefinido; } & Omitir<...> & CommonProps & Omitir<...>'. Sobrecarga 2 de 3, '(props: { componente: ElementType; } & { autoFocus?: booleano | indefinido; clases?: Parcial | indefinido; denso?: booleano | indefinido; ... 4 más ...; sx?: SxProps<...> | undefined; } & Omit<...> & CommonProps & Omit<...>): Element', dio el siguiente error. Falta la propiedad 'componente' en el tipo '{ niños: ReactNode; valor: nulo; }' pero requerido en el tipo '{ componente: ElementType; }'. Sobrecarga 3 de 3, '(props: DefaultComponentProps<ExtendButtonBaseTypeMap<MenuItemTypeMap<{}, "li">>>): Element', dio el siguiente error. El tipo 'null' no se puede asignar al tipo 'string | número | cadena de solo lectura[] | indefinido'.
<MenuItem value={null}> Menu Item </MenuItem>La última oración en el stacktracke ya muestra por qué se produce este error. La propiedad de valor solo acepta valores de tipo 'string | number | readonly string[] | undefined' .
Por lo tanto, no se permite pasar null . ¿Puedes cambiar tu código para pasar undefined ?
<MenuItem value={undefined}> Menu Item </MenuItem>