Storage data not updating to next scene

[SitaMelark]

"react-native": "^0.73.8"
"react-native-mmkv": "^2.12.2",
"@react-navigation/drawer": "^6.6.15",

Im having a trouble trying to update the info of the storage, when i try updating it and the i do a navigate to another screen, when printing the value inside the storage is getting an old data from a previous set to the storage.

This is inside the login:

useEffect(() => {
    if (cuentaSeleccionada !== undefined) {
      setToStorage("jwtToken", jwtToken);
      setToStorage("credentials", credentials);
      setToStorage("usuarioCuenta", JSON.stringify(cuentaSeleccionada));
      
      navigation.navigate("ControlHorario");
    }
  }, [cuentaSeleccionada]);

This is setToStorage class:

import { MMKV } from "react-native-mmkv";

const storage = new MMKV();

export const setToStorage = (key: string, value: string) => {
  storage.set(key, value);
};

export const getFromStorage = (key: string) => {
  const storedData = storage.getString(key);
  const initialData = storedData ? JSON.parse(storedData) : '';

  return initialData;
};

export const deleteAllFromStorage = () => {
  storage.clearAll();
};

Then i print at "ControlHorario" scene the getFromStorage("jwtToken") and im getting old values. Im using drawer for navigation, located at the App.tsx file (Its the main file). Not sure if this is enough explanation or need more info

[mrousavy]

This is probably related to timing / navigation stuff - I don't think this is a bug in react-native-mmkv. If it is, could you please create a reproduction without any other libraries, so just react-native-mmkv calls?

[SitaMelark]

This is probably related to timing / navigation stuff - I don't think this is a bug in react-native-mmkv. If it is, could you please create a reproduction without any other libraries, so just react-native-mmkv calls?

So i actually found the issue, was my fault because i was calling an old instance instead of the new one.