Recently I have face same error below solution add future={{ v7_startTransition: true }}
in RouterProvider
import { RouterProvider } from "react-router-dom";
import "./App.css";
import router from "./routes/AppRoutes";
function App() {
return (
<>
<RouterProvider router={router} future={{ v7_startTransition: true }} />
</>
);
}
export default App;
and add future
into you router file
import { createBrowserRouter } from "react-router-dom";
const router = createBrowserRouter([//routes], {
future: {
v7_relativeSplatPath: true,
v7_fetcherPersist: true,
v7_normalizeFormMethod: true,
v7_partialHydration: true,
v7_skipActionErrorRevalidation: true,
},
});
export default router;