Today I was creating the myforums in react trying to make the router domain path dynamic after fetching from API, but I ran into this error

Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render

 

Situation

main.jsx:

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
    <ContextProvider>
<RouterWrapper />
{/* <RouterProvider router={router} /> */}
{/* </RouterWrapper> */}
     

    </ContextProvider>
  </React.StrictMode>
);

 

RouterWrapper.jsx

Changed from;

return <RouterProvider router={router} />;

to

    // return <RouterProvider router={router} />;
    return (<>hi</>)

Then the error stopped. So the issue was with the RouterProvier file