router
function Details() {
return (
<>
<h3>Details</h3>
</>
)
}
function Authsos() {
return (
<>
<h3>Authsos</h3>
</>
)
}
ReactDOM.render(
<React.StrictMode>
<BrowserRouter>
<Header />
<Routes>
{/* <Route path="/" element={<Authsos />}></Authsos> */}
<Route path="/author/*" element={<Authsos />} >
</Route>
<Route path="/author/:id" element={<Details />} />
<Route path="/*" element={<Home />} />
</Routes>
{/* <Footer /> */}
</BrowserRouter>
</React.StrictMode>,
document.getElementById('root')
);
But when I use "localhost:3000/author/exampleId" page returns but resources like .css extension, .js return index.html page as page source view like
...
<body>
<div id='root'></div>
</body>
...
Image: enter image description here
I'm a newbie on react langue so I don't really understand it
Thanks for reading <3
