URLSearchParams encodes spaces as +, breaking useSearch

I'm doing:

const params = new URLSearchParams({
  test: "a b:
});
window.open(`${newPath}?${params}`, "_blank", "noopener,noreferrer");

const params = new URLSearchParams({
  test: "a b:
});
window.open(`${newPath}?${params}`, "_blank", "noopener,noreferrer");

The page opens with the search params as

test=a+b

test=a+b

export const Route = createFileRoute("/testroute")({
  validateSearch: (search: Record<string, string>) => {
    return {
      test: search.test
    };
  },
  component: () => {
    const { test } = Route.useSearch();

    console.log(test) // Doesnt convert + to space

export const Route = createFileRoute("/testroute")({
  validateSearch: (search: Record<string, string>) => {
    return {
      test: search.test
    };
  },
  component: () => {
    const { test } = Route.useSearch();

    console.log(test) // Doesnt convert + to space

At what point should I be converting the

? Should this be automatic?

TanStack•13mo ago•

3 replies

ethical-tan

URLSearchParams encodes spaces as +, breaking useSearch

I'm doing:

const params = new URLSearchParams({
  test: "a b:
});
window.open(`${newPath}?${params}`, "_blank", "noopener,noreferrer");

const params = new URLSearchParams({
  test: "a b:
});
window.open(`${newPath}?${params}`, "_blank", "noopener,noreferrer");

The page opens with the search params as

test=a+b

test=a+b

export const Route = createFileRoute("/testroute")({
  validateSearch: (search: Record<string, string>) => {
    return {
      test: search.test
    };
  },
  component: () => {
    const { test } = Route.useSearch();

    console.log(test) // Doesnt convert + to space

export const Route = createFileRoute("/testroute")({
  validateSearch: (search: Record<string, string>) => {
    return {
      test: search.test
    };
  },
  component: () => {
    const { test } = Route.useSearch();

    console.log(test) // Doesnt convert + to space

At what point should I be converting the

? Should this be automatic?

URLSearchParams encodes spaces as +, breaking useSearch

Similar Threads

URLSearchParams encodes spaces as +, breaking useSearch

Similar Threads

Similar Threads

Similar Threads