const [count, setCount] = useState(0);

useEffect(() => {
    const savedCount = JSON.parse(localStorage.getItem("count"));
    setCount(savedCount);
  }, []);

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

Saved count in localStorage, and retrieve the saved count every time reload the page. The code works perfectly in React 17.
Doesn't work in React 18. In React 18, every time I reload the page, count turns back to 0. Any idea?

Thanks