您可以从PageProps.url获取当前URL数据并将其传递给您的组件。
从the docs
PageProps接口实际上包含一堆有用的属性，可用于定制呈现的输出。在匹配的url模式参数旁边，原始url和路由名称也可以在这里找到。

const NavLink = ({ href, children, location }: NavLinkProps) => {
  const isActive = location.pathname === href
  const bgClass = isActive ? tw`bg-gray-900` : tw`bg-transparent`

  return (
    <a
      href={href}
      className={tw`px-3 py-2 rounded-md text-sm font-medium text-white ${bgClass}`}
    >
      {children}
    </a>
  )
}

export default function Page(props: PageProps) {
  return (
    <div>You are on the page '{props.url.href}'.
      <NavLink href="/foo" children="Foo" location={props.url} />
    </div>
  )
}