在NextJS中，如何判断页面是否因按下后退按钮而加载？

import { useEffect } from 'react';

function useIsBackNavigation() {
  const [isBack, setIsBack] = React.useState(false);

  useEffect(() => {
    const handlePopState = (event) => {
      setIsBack(true);
    };

    window.addEventListener('popstate', handlePopState);

    return () => {
      window.removeEventListener('popstate', handlePopState);
    };
  }, []);

  return isBack;
}

export default useIsBackNavigation;

import useIsBackNavigation from '../hooks/useIsBackNavigation';

function MyPage() {
  const isBack = useIsBackNavigation();

  return (
    <div>
      {isBack ? (
        <p>页面是通过后退按钮加载的。</p>
      ) : (
        <p>页面是首次加载的。</p>
      )}
    </div>
  );
}

export default MyPage;

const handlePopState = (event) => {
  setTimeout(() => {
    setIsBack(true);
  }, 0);
};