score:0

change index.js to :

import react from 'react';
import reactdom from 'react-dom';
import app from './app';



reactdom.render(<app />, document.getelementbyid("root"));

change app.js to

import react, {useeffect} from 'react';
import reactdom from "react-dom";
import { browserrouter ,routes,route} from 'react-router-dom';

import forgetpassword from '.........'
import login from '.......' 


function app(){
return(
 <browserrouter>
   <routes>
      <route exact path="/" element={<login/>} />
      <route path="/forgetpassword" element={<forgetpassword/>} />

   <routes>


 </browserrouter>

 );

}

 export default app;



 if(document.getelementbyid('app')){

  reactdom.render(<app/>,document.getelementbyid('app'));

 }

score:0

if you are using react-router-dom version-6 then you can change your code as per the documentation https://github.com/remix-run/react-router/blob/main/docs/getting-started/tutorial.md

in index.js file

import { render } from "react-dom";
import { browserrouter } from "react-router-dom";
import app from "./app";

const rootelement = document.getelementbyid("root");
render(
  <browserrouter>
    <app />
  </browserrouter>,
  rootelement
);

in app.js file

import react, {useeffect} from 'react';
import { routes,route} from 'react-router-dom';

function app(){
return(
   <routes>
      <route  path="/" element={<login/>}>
      <route  path="/forgetpassword" element={<forgetpassword/>}
   <routes>
 );
}

score:0

in your index.js file wrap the app component into browserrouter , react.strictmode will appear first, i hope it will solve the issue. if you're using react-router-dom version 5, upgrade to version 6 and restart your project.

write your index.js file like this


Related Query

More Query from same tag