[Bug]: useMatch does not decode params

[moek]

What version of React Router are you using?

6.23.0

Steps to Reproduce

You can try it here: https://stackblitz.com/edit/github-mfpcog-zdd21p?file=src%2FApp.tsx

Or use this code:

export default function App() {
  return (
    <div>
      <Routes>
        <Route path="/user/:username" element={<Username />}></Route>
      </Routes>
    </div>
  );
}

const Username = () => {
  const params = useParams();
  const match = useMatch('/user/:username');
  return (
    <div>
      hello {params.username} vs {match?.params.username}
    </div>
  );
};

Expected Behavior

I would expect useMatch to decode params the same as useParams does.

If I call this URL /user/bücherwurm of the example above, I would expect the following output:

hello bücherwurm vs bücherwurm

Actual Behavior

It looks like useMatch does no more decode the URL Params.

The example above will output

hello bücherwurm vs b%C3%BCcherwurm

If you use 6.22.0 it works as expected, params are decoded by useMatch

[timdorr]

@brophdawg11 Is this a regression from #11199?

[brophdawg11]

yeah it looks like it - thanks for the repro!

[github-actions]

🤖 Hello there,

We just published version 6.25.0-pre.0 which involves this issue. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!

[github-actions]

🤖 Hello there,

We just published version 6.25.0 which involves this issue. If you'd like to take it for a test run please try it out and let us know what you think!

Thanks!