Зависиси во useEffect во React

Сега да го менуваме бојата со клик на копчето. Ќе направиме состојба color за бојата, поставувајќи ја почетната вредност:

const [color, setColor] = useState('green');

Ќе ја замениме стринг вредноста со нашата состојба во useEffect и да не заборавиме да ја додадеме во листата на зависности во квадратни загради. Сега ефектот ќе се извршува секој пат кога ќе се промени состојбата color:

function App() {
	useEffect(() => {
		document.body.style.backgroundColor = color;
	}, [color]);
	
	...
}

Сега да додадеме копче за промена на бојата во нашиот компонент:

return (
	<div>
		<h1>React App</h1>
		<button onClick={changeColor}>change</button>
	</div>
);

Да додадеме и функција за обработка на кликот, која ќе ја промени нашата боја во портокалова:

function changeColor() {
	setColor('orange');
}

Дадена е состојба со корисничко име. Направете така што секој пат кога ќе се промени името, вредноста на состојбата да се запишува во локалното складиште на прелистувачот.