[Bug]: useFetcher load method does not respect basename

[cantti]

What version of React Router are you using?

6.4.5

Steps to Reproduce

Create an app like this

import ReactDOM from "react-dom/client";
import {
  createBrowserRouter,
  RouterProvider,
  useFetcher,
} from "react-router-dom";

const router = createBrowserRouter(
  [
    {
      path: "/",
      element: <App />,
    },
    {
      path: "/load",
      loader: () => {
        console.log("load");
        return null;
      },
    },
  ],
  { basename: "/base" }
);

function App() {
  const fetcher = useFetcher();
  return (
    <button type="button" onClick={() => fetcher.load("/load")}>
      Click Me!
    </button>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(
  <RouterProvider router={router} />
);

Expected Behavior

No errors, "load" in console.

Actual Behavior

Browser displays message to user:

Unhandled Thrown Error! 404 Not Found