ReferenceError:未定义localStorage。在Nextjs中使用本地存储

import { useEffect, useState } from 'react';

const MyComponent = () => {
  const [data, setData] = useState('');

  useEffect(() => {
    if (typeof window !== 'undefined') {
      // 在客户端渲染时才执行以下代码
      const storedData = localStorage.getItem('myData');
      setData(storedData);
    }
  }, []);

  const handleSaveData = () => {
    if (typeof window !== 'undefined') {
      // 在客户端渲染时才执行以下代码
      const newData = 'Hello, World!';
      localStorage.setItem('myData', newData);
      setData(newData);
    }
  };

  return (
    <div>
      <p>{data}</p>
      <button onClick={handleSaveData}>保存数据</button>
    </div>
  );
};

export default MyComponent;