Internal React warning when using recoil in stable react releases and not experimental

I bootstraped a react app using create-react-app, then added recoil and just pasted the code from the website demo.

When the app renders for the first time, an internal react warning in console is shown:

Warning: Cannot update a component (`he`) while rendering a different component (`CharacterCount`). To locate the bad setState() call inside `CharacterCount`, follow the stack trace as described in https://fb.me/setstate-in-render
    in CharacterCount (at App.js:31)
    in div (at App.js:29)
    in CharacterCounter (at App.js:7)
    in RecoilRoot (at App.js:6)
    in App (at src/index.js:7)
    in StrictMode (at src/index.js:6)

Updating react dependencies to the experimental ones solved the warning.

PS: the issue doesn’t occur with react^16.12 but only with ^16.13.1

Here is a codesandbox demo

So, should we use recoil only with the experimental react release ?

[davidmccabe]

Thanks for reporting, I’m currently looking into this.

[drarmstr]

Duplicate of #12