import React, { useState, useEffect } from 'react';

​

const App = () => {

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

​

  useEffect(() => {

    // Get the stored count from localStorage when the component mounts

    const storedCount = localStorage.getItem('count');

    if (storedCount) {

      setCount(parseInt(storedCount, 10));

    }

  }, []);

​

  useEffect(() => {

    // Update localStorage whenever the count state changes

    localStorage.setItem('count', count.toString());

  }, [count]);

​

  const handleIncrement = () => {

    setCount(count + 1);

  };

​

  return (

    <div>

      <p>Count: {count}</p>

      <button onClick={handleIncrement}>Increment</button>

    </div>

  );

};

​

export default App;