It’s sometimes hard to understand what’s going on in #react rendering when the state management combines Apollo #GraphQL, #Recoil and React itself and half the screen flashes when clicking around with the debug tools enabled
And the render reasons are often not very helpful
Time to simplify various components and cleaning up.
Also checking out various new Recoil features they added. Though their API & docs could be nicer.
If course it was a hook in a hook in a hook and the #React debug tools were no help at all, besides giving me the starting point.
I think the hook number it shows in the profiler is added up from the nested hooks, as the source component didn't even have that many hooks as it said.
Rerenderings are fine again after I changed using the current value in the nested hook and using the prev value of the setter. But it's just so easy to hurt performance again by making seemingly unrelated changes