Estoy usando electron-forge con react y estoy tratando de configurar el enrutamiento usando HashRouter en mi aplicación usando react-router-dom. Mi aplicación utiliza enlaces en la barra lateral para navegar por las distintas rutas. Intenté configurar un HashRouter en la aplicación y no aparece ningún error al compilar, pero no aparece nada cuando se ejecuta el código. Todas las páginas a las que se vincula están en blanco y los componentes no se muestran.

Sospecho que esto podría deberse a que electron-forge aloja mi aplicación en localhost:3000/main_window en lugar de localhost:3000/ en sí. ¿Hay alguna forma de que pueda alojar la aplicación en localhost:3000/ o hay un paso adicional para configurar HashRouters en comparación con BrowserRouters en react-router-dom?

Así quedaron configuradas las Rutas:

 <HashRouter> <Routes> <Route path="/" exact component={Home} /> <Route path="/classes/:classId" component={ViewClass} /> <Route path="/addClass" component={AddClass} /> </Routes> </HashRouter>

Este es el botón con el enlace a la Ruta de Inicio:

 <button className="nav-icon"> <FontAwesomeIcon icon={solid('home')} /> <Link className="nav-icon-text" to="/">Home</Link> </button>

Cuando se inicia la aplicación, se aloja automáticamente en localhost:3000/main_window y no se muestra nada. Cuando se presiona el botón de la barra lateral, se vincula a localhost:3000/main_window#/ que tampoco muestra nada.

¿Alguien sabe cuál es el problema aquí?