En App.js tengo la siguiente ruta:

 <Route path="/Comp1/:catid"> <Comp1 /> </Route>

Esta ruta se puede llamar haciendo clic en este enlace con un solo parámetro:

 <Link to={'/Comp1/' + catid}>Comp1 </Link>

El parámetro catid siempre tiene un valor determinado.

Comp1 es un componente definido de la siguiente manera:

 import React, { Component } from 'react'; import { useParams } from 'react-router-dom'; export default class Comp1 extends Component { componentDidMount() { const params = useParams(); const { catid } = params.catid; console.log(catid); } componentDidUpdate() { } render() { return ( <div> Hello, I am class Comp1 </div> ); } };

Pero lo que está sucediendo ahora es en tiempo de ejecución, obtengo el siguiente resultado de depuración:

'react-router-dom' no contiene una exportación llamada 'useParams'

--editar--

La versión instalada de react-router-dom es 4.2.2.