🎯 Difference Between Auto Click and Click via JavaScript in React 🎯

Hello everyone!

I'm facing an issue with handling click events in React and would appreciate some help.

🔍 Here's my issue: When the user manually clicks a button in the React app, everything works fine. The component state is updated and re-renders as expected. However, when I trigger the click event programmatically using a key event or by querying the button and calling btn.click() via JavaScript, the click event seems to execute fine, but the state isn't updated, and the component doesn't re-render.

I tried using btn.click() to simulate a user click, but it seems React doesn't detect the state change when doing so.

Can anyone explain why there's this difference? 🤔 Is there a way to make btn.click() update the state and re-render the component? Thanks a lot in advance! 🙏