usePresist.tsx

import { useState, useEffect } from 'react';

export const usePersist = (key: string, initialValue: any) => {
	const [value, setValue] = useState(() => {
		const storedValue = localStorage.getItem(key);
		return storedValue ? JSON.parse(storedValue) : initialValue;
	}
	);

	useEffect(() => {
		localStorage.setItem(key, JSON.stringify(value));
	}
		, [value]);

	return [value, setValue];
}