usePresence: updateStatus changes every render

[shshaw]

With usePresence, I was trying to call updateStatus when user information changes, but dropping it in a useEffect hook was triggering it in a loop since the updateStatus function changes every render.

Can that function be wrapped in useCallback() or something to prevent it from triggering updates?

Example of the problem:

const [userData] = useUserData();
const [users, updateStatus] = usePresence('channel-name');

useEffect(()=>{
  if ( userData ) updateStatus(userData);
},[userData, updateStatus]); // Infinite loop!

The "solution" right now is to just leave updateStatus off the dependency array, but that's not ideal since linters and React complain about "exhaustive dependencies".

useEffect(()=>{
  if ( userData ) updateStatus(userData);
},[userData]); // No infinite loop

[owenpearson]

Hey @shshaw, we have update the library so that updateStatus is now wrapped in a useCallback, please try out the new version (2.1.1) and let us know if you have any further issues 🙂