useAsyncStorage.ts

function useAsyncStorage(key: string, initialValue: string | null = null) {
  const [storageItem, setStorageItem] = useState<string | null>(initialValue);

  const updateStorageItem = useCallback(
    function (data: string) {
      void AsyncStorage.setItem(key, data).catch(e =>
        console.log(`updateStorageItem error: ${e}`),
      );
      setStorageItem(data);
      return data;
    },
    [key],
  );

  const clearStorageItem = useCallback(
    function () {
      void AsyncStorage.removeItem(key).catch(e =>
        console.log(`clearStorageItem error: ${e}`),
      );
      setStorageItem(null);
    },
    [key],
  );

  const getStorageItem = useCallback(
    async function () {
      const data = (await AsyncStorage.getItem(key)) as string | null;
      setStorageItem(data);
    },
    [key],
  );

  useEffect(() => {
    getStorageItem().catch(e => console.log(`getStorageItem error: ${e}`));
  }, [getStorageItem]);

  return [storageItem, updateStorageItem, clearStorageItem] as const;
}