Redirect with query search fails in react-router

[spaenleh]

Sentry ref
Error Message:

Cannot include a '?' character in a manually specified `to.pathname` field [{"pathname":"https://builder.graasp.org/items/582959ac-ebf1-44b4-9fed-136fd0ae51a1?_gl=1*1jq6eg*_ga*MTUyMTM3ODk2OS4xNjk0NzA5OTQ1*_ga_KQVPBFX8MF*MTY5NjUxMjI4Mi40LjEuMTY5NjUxMz...

We use the react-router navigate function to redirect the user where they were before requesting to signin/up. But this url might contain a query search with additional parameters. In this case the ?_gl= is a Google Analytics cross site tracking parameter. This fails because react-router can't match a pathname with a search query.

Solution: Provide the navigate function the pathname and search separately like so (take from reference below):

const returnToUrl = new URL(returnTo, window.location.origin);
navigate({
     pathname: returnToUrl.pathname,
     search: returnToUrl.searchParams.toString()
});

Reference: remix-run/react-router#9613 (comment)