UseRoot Causes double re-render

Question

UseRoot Causes double re-render

vinceprofeta opened this issue 5 years ago · 4 comments

vinceprofeta commented 5 years ago

When using useRoot my App.js component renders twice on refresh. Using the higher order root resolves the issue.

Answer 1 · 2019-09-09T09:21:45.000Z

Hello @vinceprofeta. Would you be able to open a PR to solve this issue?

Answer 2 · 2021-11-16T07:00:52.000Z

Any update on this?

Answer 3 · 2021-11-16T14:09:20.000Z

No. Can you provide a minimal reproducible example so I can investigate?

Answer 4 · 2022-03-09T14:26:54.000Z

The issue seems to be centered around this effect. It causes the component tree to render when it sets the tree state inside of the effect. You essentially set state twice . https://github.com/Yomguithereal/baobab-react/blob/master/src/hooks.js#L31

I’m not entirely sure it’s needed using the tree as a singleton. My workaround was to just use a higher-order component for the root like Vince said above.