Tengo un control deslizante para el cambio de rango en mi aplicación de reacción. En el cambio de valor de ese control deslizante, la página se bloquea. El siguiente error se muestra en Chrome:

Las siguientes páginas han dejado de responder. Puedes esperar a que respondan o matarlos.

Descripción general del código corto: controlador de código React para Slider (MUI):

 const handleRangeChange = useCallback( (sensorConfiguration) => { setSensorConfigurations({ ...sensorConfigurations, ...sensorConfiguration, }); onChange({ target: { name: name, value: { ...sensorConfigurations, ...sensorConfiguration }, }, }); }, [sensorConfigurations, name, onChange] const handleTemperatureChange = useCallback( (value) => { handleRangeChange({ TEMPERATURE: value }); }, [handleRangeChange] ); return ( <SensorRange range={sensorConfigurations.TEMPERATURE} min={DEFAULT_SENSOR_RANGES.TEMPERATURE.min} max={DEFAULT_SENSOR_RANGES.TEMPERATURE.max} indicators={DEFAULT_SENSOR_RANGES.TEMPERATURE.indicators} onChange={handleTemperatureChange} />; )