Tengo un problema extraño en el que un evento de clic en un botón no se activa en React. La función pasada al controlador del botón onClick (esporádicamente) no se ejecutaría al hacer clic, así que agregué este detector de eventos al cuerpo para poder registrar el objeto del evento:

 document.body.addEventListener('click', (e: any) => { console.log('test, e: ', e) })

Pude ver que, cuando se ejecuta la devolución de llamada onClick del botón, la propiedad de path del objeto de evento se ve así:

El elemento button.Buttonstyles__ButtonWrapper... es el objetivo del evento, el elemento que activa el evento de clic, que se expande hasta que llega a la ventana.

Pero cuando no se ejecuta, la propiedad de path del objeto de evento se ve así:

Es como si el botón no "recibiera" el evento de clic. Debería haber sido el objetivo del evento. En cambio, algún elemento principal era el objetivo; en este caso, div.sc-bdvvaa.bmpHsj , pero a veces era algún otro elemento principal superior.

Esto sucede (aparentemente) esporádicamente (la mayoría de las veces funciona).

¿Algunas ideas?