Así que tengo un control deslizante mui en mi mapa que cambia el año de los datos de visualización para una capa específica. Sin embargo, mi control deslizante Mui no se puede "arrastrar", solo me permite mover un paso a la vez, luego se detiene y tengo que soltar el control deslizante y luego volver a arrastrarlo. Hacer clic en él funciona bien. Cuando setYear cambia, ejecuta una función en usememo que cambia la capa. Sospecho que este podría ser el problema, pero ¿puedo evitarlo?

 const handleTimeChange = (event, newValue) => { if (newValue !== year) { setYear(newValue); } }; <Slider getAriaLabel={() => "Date range"} value={year} onChange={handleTimeChange} valueLabelDisplay="auto" sx={{ width: "200px", ml: "20px" }} max={2020} min={min} align="center" />