Przekazanie parametru url do Component.

Chce pobrać przez

this.props.match.params.id

wartość parametru z url, a następnie przekazać go do ajaxa i pobrać wartość.
Jednakże gdy sprawdza przez konsole co dostaje mam dwie wartości. Najpierw undefined, a następnie dopiero parametr z url.
Powoduje to problem taki, że chcąc zaciągnąć dane przez api z pomocą fetch(url + this.props.match.params.id) react wysyła zapytanie do serwera z parametrem undefined.

Moje pytanie brzmi, jak pozbyć się undefined i od razu dostać wartość.
Próbowałem w konstruktorze wywołać i przypisać do state, jednak wynik taki sam.

constructor(props) {
    super(props);
this.state = {
      path: "url",
      page: this.props.match.params.id
    };
}
componentDidMount() {
   
    const {page, path} = this.state;


    console.log(path+ page);  
}