react-router error pathname.match is not a function

Question

I'm getting

pathname.match is not a function

error when I use matchPath of react-router.

Here is the code that throws the exception:

import { matchPath, useLocation } from "react-router";
import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";

const MatcherControl = () => {
  const location = useLocation();
  const match = matchPath(location.pathname, {
    path: "/users/:id",
    exact: true,
    strict: false
  });
  return <div>{match ? "matches" : "not matches"}</div>;
};

This is the minimal example sandbox to reproduce the error.