slanted-gamedev-toolz/lib/components/IdleTimeAsset/hooks/useSaveObjectLocalStorage.js

A slanted mix of tools for your brilliant ideas in game design.

import { useEffect, useState } from 'react';
export const useSaveObjectLocalStorage = () => {
    const [items, setItems] = useState([]);
    useEffect(() => {
        localStorage.setItem('items', JSON.stringify(items));
    }, [items]);
    useEffect(() => {
        const items = JSON.parse(localStorage?.getItem('items') || '');
        if (items) {
            setItems(items);
        }
    }, []);
    return {};
};