I'm migrating from vanilla React to NextJS. Before the change, I got my URL query params (the part after the ? in the URL) through react-router's useSearchParams hook, which returns URLSearchParams.

NextJS's router, however, returns the query params in the form of ParsedUrlQuery. I want to forward these ParsedUrlQuery parameters to my (Express) backend server, again in the form of URL query params (the same form they are shown in the website's URL) but I can't figure out how to URL-encode them.

Here is my old code. I need to replace URLSearchParams for ParsedUrlQuery. Or alternatively, transform the ParsedUrlQuery into URLSearchParams How can I do that?

export async function searchResources(searchParams: URLSearchParams): Promise<SearchResourcesResponse> {
    const response = await fetchWithTimeout(
        process.env.NEXT_PUBLIC_TUTHUB_SERVER_URL + '/resources?' + searchParams
    )
    const resources = await response.json();
    return resources;
};