useAsyncStorageValue

useAsyncStorageValue.ts

function useAsyncStorageValue<T>(key: string) {
    const [value, setValue] = useState<T>();
    const { getItem, setItem } = useAsyncStorage(key);

    const readItemFromStorage = async () => {
        const item = await getItem();
        setValue(item != null ? JSON.parse(item) : null);
    };

    const writeItemToStorage = async (newValue: T) => {
        await setItem(JSON.stringify(newValue));
        setValue(newValue);
    };

    useEffect(() => {
        readItemFromStorage();
    }, []);

    return [value, writeItemToStorage] as const;
}