Cannot update a component from inside the function body of a different component.

[romiem]

Ever since upgrading to React 16.13.1, I have been receiving this error (easy-peasy@3.3.0).

The stack trace seems to point the finger at easy-peasy, to this line:

easy-peasy/src/hooks.js

Line 79 in 6e23497

forceRender({});

It appears that this error is being caused when trying to setState on another component during the function component body. The react team have now deemed it a bad pattern which now throws an error.

Has anyone else had the same issue?

Some other resources on this issue:
facebook/react#18178
final-form/react-final-form#751 (comment)

[romiem]

It appears the stack trace from Chrome Devtools was flagging a false positive.

As for the actual issue; when calling an action in the render step of a functional component (that is not triggered by a side effect) it now needs to be wrapped using useEffect as per the React 16.13.0 guidelines.

Closing this issue.