Would it make sense to add an absoluteUrl to usePage/PageProps? How would I do this myself?

[simensen]

I'm using ziggy/named routes to create URLs for my sidebar navigation. The default behavior is to create an absolute URL. This means that if I compare the href and the current page's URL (via usePage), the incoming value is a complete URL.

I either need to parse the absolute URL to get the path portion or create an absolute URL for the current page's URL.

I'm curious if it is possible to add absoluteUrl to PageProps so that I could do the following:

const { absoluteUrl } = usePage()

The navigation in my layout:

<SidebarNav.Navbar>
  <SidebarNav.Link item={{ name: 'Dashboard', href: route('dashboard'), icon: HomeIcon }} />
</SidebarNav.NavBar>

My navigation link:

const Link = ({ item }: PropsWithChildren<{ item: Item }>) => {
  const { url } = usePage()

  const current = new URL(url, window.location.origin).href === item.href
  // ...

---

If I could get a pointer on where I could make this change myself, I could send a PR for it. If anyone has a suggestion for how I could do this on my own (without needing to patch core and/or react packages) that would be nice, too. :)