Attempted import error: 'Routes' is not exported from 'react-router-dom'.

import React from 'react';
import './App.css';
import { BrowserRouter, Routes , Route } from 'react-router-dom'
import Header from './components/Header'
import Home from './components/Home'
import Products from './components/Products'


function App() {
  return (
    <BrowserRouter>
    <div className="App">
        <Header />  
        <Routes>
          <Route path='/' element={<Home />}></Route>
          <Route path='products' element={<Products />}></Route>
        </Routes>    
    </div>
    </BrowserRouter>
  );
}

export default App;

I’m trying to use react routes and it says import error

[timdorr]

You’re attempting to use the v6 API with v5. Routes is new in v6. You are getting that error because it doesn’t exist in older versions.

[akmalick]

Thanks for the guidance. I’ll make the changes.