如何通过浏览器控制台在WhatsApp Web中的React组件上模拟鼠标按下或单击事件？

Question

WhatsApp Web似乎可以在React上运行。

如何通过浏览器JS控制台在左侧联系人上分配鼠标单击或mousedown事件以打开对话框？

Contact组件被渲染为div和span元素的层次结构，并且mousedown事件捕获似乎正发生在顶部div＃app元素的正下方。

我的一些尝试：

var el = document.querySelectorAll('div._2wP_Y')[3];
// try 1
el.dispatchEvent(
  new Event("mousedown", {bubbles: true})
); // also tried setting other props incl. target, currentTarget

// try 2
el.click();

但是什么也没发生。

这种隐藏的原因是在React本身中还是WA更有可能采取某种措施来防止此类用户行为？