PR-753737: Agregando SSR y React Router.

src/frontend/components/App.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
+import PrincipalRoutes from './PrincipalRoutes';
 
-const App = () => <h1>Hello React!</h1>
+const App = () => <PrincipalRoutes />
 
 export default App;

src/frontend/components/InitialComponent.jsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const InitialComponent = () => <h1>Hello React!</h1>
+
+export default InitialComponent;

src/frontend/components/OtherComponent.jsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const OtherComponent = () => <h1>Other Component!</h1>
+
+export default OtherComponent;

src/frontend/components/PrincipalRoutes.jsx

@@ -0,0 +1,11 @@
+//Router
+import { useRoutes } from 'react-router-dom';
+//Routes
+import routes from '../../routes';
+
+const PrincipalRoutes = () => {
+    let element = useRoutes(routes);
+    return element
+}
+
+export default PrincipalRoutes;

src/frontend/index.js

@@ -1,9 +1,21 @@
 import React from 'react';
-import ReactDom from 'react-dom';
+import { createRoot } from 'react-dom/client';
+//Router
+import { BrowserRouter as Router } from 'react-router-dom';
+//History
+import { createBrowserHistory } from 'history';
 import App from './components/App';
 import './styles/global.sass';
 
-ReactDom.render(<App />, document.getElementById('app'));
+const container = document.getElementById('app');
+const root = createRoot(container);
+const history = createBrowserHistory()
+
+root.render(
+    <Router history={history}>
+        <App tab="home" />
+    </Router>
+);
 
 if (module.hot) {
     module.hot.accept();