useAsyncStorage.ts

import { useState, useEffect, useCallback } from 'react';
import AsyncStorage from '@react-native-async-storage/async-storage';

function useAsyncStorage<T>(
  key: string,
  defaultValue: T
): [T, (value: T) => Promise<void>, boolean] {
  const [value, setValue] = useState<T>(defaultValue);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    const loadValue = async () => {
      try {
        const stored = await AsyncStorage.getItem(key);
        if (stored !== null) {
          setValue(JSON.parse(stored));
        } else {
          setValue(defaultValue);
        }
      } catch (error) {
        setValue(defaultValue);
      } finally {
        setLoading(false);
      }
    };
    loadValue();
  }, [key]);

  const setStoredValue = useCallback(
    async (newValue: T) => {
      try {
        await AsyncStorage.setItem(key, JSON.stringify(newValue));
        setValue(newValue);
      } catch (error) {
        console.error('Error saving to AsyncStorage:', error);
      }
    },
    [key]
  );

  return [value, setStoredValue, loading];
}

export default useAsyncStorage;