Así que soy nuevo en ReactJs y en la web en general. Tengo un código en el que un usuario iniciará sesión y será redirigido a la página del menú. Ahora, si el departamento de policía inicia sesión en el sitio web, será redirigido a la página del menú con un texto que dice Departamento de policía. Si el departamento de bomberos inicia sesión, será redirigido a la misma página de menú, pero ahora el texto dirá Departamento de bomberos. Ahora puedo abrir dos instancias de una aplicación de reacción escribiendo npm start en otra terminal en VS Code. pero quiero que las dos instancias se ejecuten por separado. En una pestaña, el departamento de policía está conectado, el texto dice departamento de policía, en la segunda pestaña cuando inicio sesión en el departamento de bomberos, el texto dice Departamento de bomberos, pero cuando vuelvo a la primera pestaña, el texto del departamento de policía cambia a Departamento de bomberos como bien. No puedo encontrar una solución adecuada en Internet. ¿Alguien sabe alguna forma de abrir instancias separadas de la misma aplicación de reacción? el código para la página del menú es:

(La variable de tipo es el texto principal que muestra el tipo de usuario que inició sesión, lo obtenemos de python. Puedo hacer una lista en python para devolver el nombre de usuario correcto dependiendo del usuario, python no es un problema, puedo hacerlo funciona, pero si puedo crear instancias separadas en la web, puedo hacer que funcione)

 import React,{useState,useEffect} from 'react' import {Link} from 'react-router-dom' import './LoginSt.css' import NavB from './Nav'; import { useHistory } from "react-router-dom" import {storage} from './Connection' import { TableCell, TableRow } from 'semantic-ui-react'; const Hello = () => { useEffect(() => { fetchType() }, []); const [Type, setType] = useState(' '); let history = useHistory() function handleclick(){ //fetch('http://127.0.0.1:5000/live') history.push("/VideoStreaming") } function fetches(){ fetch("http://localhost:5000/getEmployeeList") } function fetchType(){ fetch('http://127.0.0.1:5000/getType').then(res => res.json()).then(data => { setType(data.type); console.log(data.type); }); } return ( <div> <NavB /> <div className="cunt back"> <h2 className="whitecol heading">{Type}</h2> <button className="butt2" onClick={handleclick}>See Live Stream</button> <Link to="/oldVids"> <button className="butt3" onClick={fetches}>See Old Records</button> </Link> </div> </div> ) } export default Hello;