Same code in terms of localStorage worked in React 17, but doesn't work in React 18

Question

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