未定义静态NextJS站点中的localStorage : ReferenceError: localStorage

import { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    if (typeof localStorage !== 'undefined') {
      // 在这里可以安全地使用localStorage
      localStorage.setItem('key', 'value');
    }
  }, []);

  return <div>My Component</div>;
};

export default MyComponent;

import { useEffect } from 'react';

const useLocalStorage = () => {
  useEffect(() => {
    if (typeof localStorage !== 'undefined') {
      // 在这里可以安全地使用localStorage
      localStorage.setItem('key', 'value');
    }
  }, []);
};

export default useLocalStorage;

import useLocalStorage from './useLocalStorage';

const MyComponent = () => {
  useLocalStorage();

  return <div>My Component</div>;
};

export default MyComponent;