Estoy tratando de detectar los clics izquierdo y derecho del mouse. Tengo un div con un controlador onClick adjunto. Esto es lo que parece:

<div className={styles.itemSlot} onClick={this.onClick}></div>

Y así es como se ve el 'onClick':

 private readonly onClick = (evt: React.MouseEvent<HTMLImageElement>) => { if (evt.button === 1) { console.log('Left Click') } if (evt.button === 2) { console.log('Right Click') } };

Se detecta el clic izquierdo, pero cuando hago clic en el botón derecho del mouse, no sucede nada. Lo mismo es cierto para la rueda o el botón central. Solo se detecta el clic izquierdo.

¿Cómo puedo solucionar este problema?