import { BrowserRouter, Routes, Route } from 'react-router-dom';

 import React from 'react';

import ReactDOM from 'react-dom';

import { BrowserRouter, Routes, Route } from 'react-router-dom';

import LoginView from './views/LoginView';//if used default(only one component), no {}

import HomeView from './views/HomeView'; //if used default(only one component), no {}

function Main() {

return (

<>

<BrowserRouter>

<Routes>

<Route path='/' element={<LoginView />} />

<Route path='/rhome' element={<HomeView />} />

</Routes>

</BrowserRouter>

</>

);

}

export default Main;

if (document.getElementById('main')) {

ReactDOM.render(<Main />, document.getElementById('main'));

}