Necesito obtener el objeto de history . Estoy usando la versión 6 de react-router-dom y también instalé react-router v6. Aquí este es mi código de un componente de clase.

 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

Y lo importo a otro componente.

 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

Recibo un error Attempted import error: 'withRouter' is not exported from 'react-router' Aunque instalo tanto react-router como react-router-dom .