79202422

Date: 2024-11-19 07:24:04
Score: 2
Natty:
Report link

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;
Reasons:
  • Long answer (-0.5):
  • Has code block (-0.5):
  • Me too answer (2.5): face same error
  • Low reputation (0.5):
Posted by: Chintan