Busqué artículos y revisé muchas preguntas de desbordamiento de pila, pero todavía estoy resolviendo el problema.

En reaccionar router dom v5, es más fácil pasar datos a través del objeto de estado como se muestra en las respuestas del enlace: React-router - ¿Cómo pasar datos entre páginas en React?

En reaccionar-router-dom v5:

 <Link to={{ pathname: '/show', state: {id: 1, name: 'sabaoon', shirt: 'green'} }} > View Details</Link>

el estado debe recibirse en otra página a través de this.props.location.state.id etc.

pero ahora en v6 el mismo método no pasa el objeto de estado a la ubicación de otra página.

Cuando traté de registrar en la consola this.props.location en otra página a la que estoy pasando datos, me está dando 'indefinido' en la consola.

Cómo podemos hacer lo mismo con v6.

Nota: quiero hacerlo en el componente de clase de reaccionar, no en el componente de función y tampoco quiero compartirlo a través de parámetros.