Estoy experimentando un comportamiento inusual con el componente InputNumber de AntD , específicamente usando los botones de incremento arriba/abajo:

Tengo una implementación muy básica del componente de la siguiente manera:

 <InputNumber min={1} max={10} defaultValue={3} onChange={changeWeight} />

función de llamada:

 function changeWeight(weight) { console.log(weight); }

A primera vista, todo parece funcionar bien, cuando hago clic en el botón de incremento, veo el resultado en mi consola para cada clic. 3 clics y mi consola dice:

¡Excelente! Sin embargo, si coloco un depurador dentro de la función llamada así:

 function changeWeight(weight) { debugger; console.log(weight); }

luego actualice la pantalla y presione el botón de incremento una vez, presiono mi punto de interrupción, la consola está registrada, presiono continuar y luego, en lugar de que el proceso finalice, vuelve directamente al punto de interrupción nuevamente. Parece que la función se llama una y otra vez infinitamente. Descubrí que si coloca un valor máximo en el componente InputNumber, se detiene en ese número. El siguiente registro de la consola es de pulsar el botón solo una vez, pero el punto de interrupción se pulsa muchas veces...

Nuevamente, si elimino el punto de interrupción del depurador, todo parece normal y la consola registra solo una vez cuando se hace clic en el botón.

Además, si escribo números en el componente, solo alcanza el punto de interrupción del depurador una vez. Solo estos botones parecen estar causando un problema.

¿Alguien más ha experimentado esto o tiene alguna idea de qué puede estar causándolo? Estoy muy confundido.