URL Queries in Loaders

[H1410101]

I'm new to React Router. This topic has been covered in multiple official documentations (API, tutorial), however I could not replicate working behaviour.

If I am not mistaken, the following code is supposed to get "apple" from "something/search?q=apple".

export async function loader({ request }) {
  const url = new URL(request.url);
  const q = url.searchParams.get("q");
  const contacts = await getContacts(q);
  return { contacts };
}

However, my attempt throws an error at the first line (creation of URL), and console.log tells me that request.url is undefined.

I am able to create a working alternative by using react effects after the page is rendered, but I was under the impression that loaders should have this capability. I've also seen this feature request, but I did not learn anything from the response.
On the other hand, I have not had issues with path parameters (retrieving "id" from "something/:id" works perfectly), so I am quite confused.

Am I missing something? Please advise. Thanks!

[H1410101]

Nevermind, I misunderstood the syntax; it's my unfamiliarity with javascript.
I used { params } instead, thinking it was interchangeable.
It works now.