NavigationPersistence snippet to save navigation state

_usage.tsx

<AppRouter
      ref={stackNavigatorRef => NavigatorService.setContainer(stackNavigatorRef)}
      screenProps={{
        t,
        theme,
      }}
      {...getPersistenceFunctions(navigationPersistenceKey)}
    />

navigationPersistence.ts

import { AsyncStorage } from 'react-native';

const persistNavigationState = (persistenceKey: string) => async (navState) => {
  try {
    await AsyncStorage.setItem(persistenceKey, JSON.stringify(navState))
  } catch(err) {
    // handle the error according to your needs
  }
};

const loadNavigationState = (persistenceKey: string) => async () => {
  const jsonString = await AsyncStorage.getItem(persistenceKey)
  return JSON.parse(jsonString)
};

export const getPersistenceFunctions = (persistenceKey: string) => {
  if (!__DEV__) {
    return undefined;
  }

  return {
    persistNavigationState: persistNavigationState(persistenceKey),
    loadNavigationState: loadNavigationState(persistenceKey),
  };
};

Change to import AsyncStorage from '@react-native-community/async-storage';