init

src/app.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BrowserRouter, HashRouter } from 'react-router-dom';
+
+import { Dashboard } from './dashboard';
+
+const App = () => {
+  return (
+    <BrowserRouter basename='/nav1'>
+      <Dashboard />
+    </BrowserRouter>
+  );
+};
+
+export default App;

src/dashboard.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { Routes, Route } from "react-router-dom";
+
+export const Dashboard = () => {
+  return (
+    <Routes>
+      <Route path="/" element={<div>Dashboard</div>} />
+
+      <Route path="/about" element={<div>about</div>} />
+      <Route path="/profile" element={<div>profile</div>} />
+
+      <Route path="*" element={<div>Not found</div>} />
+    </Routes>
+  );
+};

src/index.tsx

@@ -0,0 +1,25 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable react/display-name */
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+  
+import App from './app';
+  
+export default () => <App/>;
+  
+let rootElement: ReactDOM.Root
+  
+export const mount = (Сomponent, element = document.getElementById('app')) => {
+  rootElement = ReactDOM.createRoot(element);
+  rootElement.render(<Сomponent/>);
+
+  if(module.hot) {
+      module.hot.accept('./app', ()=> {
+        rootElement.render(<Сomponent/>);
+      })
+  }
+};
+
+export const unmount = () => {
+  rootElement.unmount();
+};