Empecé a usar la biblioteca Material UI recientemente. He usado el componente deslizante de rango. Estoy manejando el cambio usando la función handleChange . Que tiene 2 argumentos event y newValue . Cuando newValue , obtuve una array con 2 elementos numéricos.

El problema es que quiero el valor nuevo como string

Entonces, para hacer eso, se aplicó el método toString() en el valor nuevo, pero me dio un error al cambiar la posición del silder que falló el tipo de prop: value de prop no válido proporcionado a ForwardRef(Slider) , se esperaba uno de tipo [number] .

Este es el fragmento de código predeterminado

 const handleAgeChange = (event, newValue) => { setValue({ ...value, ageRange: newValue }) };

y este es en el que utilicé el método toString()

 const handleAgeChange = (event, newValue) => { setValue({ ...value, ageRange: newValue.toString() }) };