如何从Next.js应用程序中获取window.location.hash？

import { useEffect, useState } from 'react';

const [hash, setHash] = useState('');

useEffect(() => {
  const handleHashChange = () => {
    setHash(window.location.hash);
  };

  // 监听hashchange事件，当URL的哈希部分发生变化时触发
  window.addEventListener('hashchange', handleHashChange);

  // 初始化时获取一次window.location.hash的值
  setHash(window.location.hash);

  // 组件卸载时移除事件监听器
  return () => {
    window.removeEventListener('hashchange', handleHashChange);
  };
}, []);

import { useEffect, useState } from 'react';

const MyComponent = () => {
  const [hash, setHash] = useState('');

  useEffect(() => {
    const handleHashChange = () => {
      setHash(window.location.hash);
    };

    window.addEventListener('hashchange', handleHashChange);
    setHash(window.location.hash);

    return () => {
      window.removeEventListener('hashchange', handleHashChange);
    };
  }, []);

  return (
    <div>
      Current hash: {hash}
    </div>
  );
};

export default MyComponent;