Cannot update state inside setInterval

[defint]

Hello
I have to change the atom value inside setInterval function.

My first version of the code:
https://gist.github.com/defint/3faffb974ab76b1f7aa8adf0ff2ebadb
It doesn't work.

My second version of the code with auto-clicking on the button:
https://gist.github.com/defint/fcf383dda69a934bfa411c2b89b72bc4
It works fine.

Can you please describe how to change the state without auto-clicking?

[artalar]

@defint thx for the issue, it a pretty weird thing, but I m sure your App wrapped into React.StrictMode. If you will try to remove React.StrictMode the bug will go.
I still don't know why it happened, but let's keep this issue opened and I try to investigate and solve the bug a bit later.

[rrrshtt]

@artalar I found the problem, it lies in the way the react handles events. I will try to dive deeper into the topic, leave links that helped me.
facebook/react#14259
pmndrs/zustand#115

[rrrshtt]

@defint quick solution for you
useEffect(() => { setInterval(() => { ReactDOM.unstable_batchedUpdates(() => changeValue(Math.random())); }, 1000); }, []);

[lkostrowski]

Additional info from me - I'm using action dispatchin on websocket event, effectively every second, I also didn't get updates and also was fixed by removing react strict mode

[artalar]

I will try to use unstable_batchUpdate + https://www.npmjs.com/package/use-subscription to fix this problem.
cc #214

[artalar]

Fixed at https://www.npmjs.com/package/@reatom/react/v/1.1.5