Invariant Violation: Maximum update depth exceeded when using setParams

[react-navigation]

Invariant Violation: Maximum update depth exceeded when using setParams

[slorber]

This is true, and I'll fix this as soon as I have a good developer setup

Also => #3

[slorber]

@iamgerardm the issue to check is #40

It's not so clear how to solve this issue, I've tried to see with the React team what the reco here: facebook/react#16956

One solution is to expose a navigation ref, always stable:

const navigationRef= useNavigationRef();
useEffect(() => {
  navigationRef.setParams({ myParam: 'myValue' });
}, [navigationRef]);

I don't know if we want to ship such a public api, it feels a bit weird. In the meantime you can create useNavigationRef in userland, it seems pretty safe in most cases (according to React team, the risk is when you start to pass that ref to children comps as props)

const useNavigationRef = () => {
  const navigation = useNavigation
  const ref = useRef(navigation);
  useLayoutEffect(() => {
    ref.current = navigation;
  });
  return ref;
}; 

[iamgerardm]

Any update on this?