noramens

import {useNavigate} from 'react-router-dom';

function Redirect() {
  
  let navigate = useNavigate();
  
  function handleClick() {
    navigate('/about')
  }
  

noramens

<Route path='*' element={<NotFound />} />

noramens

<Route path='/blog/:topicId' element={<Blog />} />

noramens

<Link  to="/blog/detail"  state={{ from: "category"}}> Next Step </Link>

noramens

<nav>
  <Link to="/">Home</Link>
  <Link to='/about'>About</Link>
  <Link to="/blog">Blog</Link>
</nav>

noramens

import Header from './components/common/Header';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import Home from './components/pages/Home';
import About from './components/pages/About';
import Blog from './components/pages/Blog';

function App() {
  return (
    <Router>
      <Header />

noramens

<Route path='/dashboard' element={<About />} />

noramens

import React from 'react';
import { BrowserRouter } from 'react-router-dom';

ReactDOM.render(
  <BrowserRouter>
    <App />
  <BrowserRouter>,
  document.getElementById('root')
);

noramens

//installing with npm
npm i react-router-dom

//installing with yarn
yarn add react-router-dom