import ReactDOM from "react-dom/client";

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

function Books(props) {
    const { bookid } = useParams();
    return (
        <h1>The requested book is "{bookid}"</h1>
    );
}


function App(props) {
    return (
        <BrowserRouter>
            <Routes>
                <Route path='/books/:bookid' element={<Books />} />
            </Routes>
        </BrowserRouter>
    );
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App />);