I need to get history object. I am using version 6 of react-router-dom & I also installed react-router v6. Here this is my code of one class component.

import React, { Component } from 'react'
import { withRouter } from 'react-router'

class Blog extends Component {
    render() {
        console.log(this.props)
        return (
            <div>
                <h4>History</h4>
            </div>
        )
    }
}
const B = withRouter(Blog)
export default B

& I import it to another component.

import React, { Component } from 'react'
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
import B from './pages/Blog'

class Lesson2 extends Component {
    render() {
        return (
            <BrowserRouter>
                <div>
                    <h4>Lesson 2</h4>
                    <MainNav />
                    <Routes>
                        <Route path='/blog/' element={<B />}/>
                    </Routes>
                </div>
            </BrowserRouter >
        )
    }
}

export default Lesson2

I am getting error Attempted import error: 'withRouter' is not exported from 'react-router' Although I install both react-router & react-router-dom.