`@statsig/react-native-bindings` reverts to default value on `updateUserAsync`/`updateUserSync`

[mljlynch]

We have been running a test on our Welcome screen (un-authed). So the experiment is based on the StableId. However, when the component unmounts, we update the user, and the layerValue reverts to the default briefly. This causes a UI blip which we think is hurting conversion on the test layers

Expected behavior: The StableID layer value would not change on user change

Observed behavior: When the user is updating, the value falls back to default.

Package:

"@statsig/react-native-bindings": "^3.12.1",

[mljlynch]

As a work around, I just pass the experiment value as a prop to the component, but this feels clunky.

[andre-statsig]

Hey @mljlynch, thanks for reporting this issue! We currently cache all our values based on all IDs. While we're looking into changing that to maintain any config that's based on an unchanged ID, you can mitigate this problem today by prefetching the user values:

// Refreshes cache for updated-user
await client.dataAdapter.prefetchData(updatedUser)
  .catch((err) => console.log(err))

// Switch to the prefetched cache values
client.updateUserSync(updatedUser);

Let me know if that works for you!

[mljlynch]

Hi @andre-statsig - I realized i never got back to this:

We update our user in a useEffect like:

  useEffect(() => {
    if (isLoading) return;
    const updateUser = async () => {

      await client.updateUserAsync({
        userID: userId,
        custom: {
// other stuff
        },
      });
    };
    updateUser();
  }, [userId, client, isLoading]);

So you are sayign that updating it to this should work:

  useEffect(() => {
    if (isLoading) return;
    const updateUser = async () => {
      await client.dataAdapter.prefetchData({
        userID: userId,
      });

      client.updateUserSync({
        userID: userId,
        custom: {
// other stuff
        },
      });
    };
  }, [userId, client, isLoading]);