Получить onClickItem для ссылки на URL-адрес или маршрут в реагировать-просто-дерево-меню

Question

Попытка вызвать onClickItem для ссылки на URL или маршрут в response-simple-tree-menu . Используя их пример:

<TreeMenu
  data={treeData}
  onClickItem={({ key, label, ...props }) => {
    this.navigate(props.url);  // this line throws the error
  }}
  initialActiveKey='first-level-node-1/second-level-node-1'
  debounceTime={125}>
</TreeMenu>

выдает ошибку

Uncaught TypeError: Cannot read property 'navigate' of undefined
    at onClickItem

Когда элемент в списке нажимается , я хотел бы сослаться на определенный URL на основе props.url или маршрута до идентификатора элемента, по которому щелкнули.

В консоли отображается правильный URL-адрес для props.url и правильный идентификатор для props.id

<TreeMenu
  data={treeData}
  onClickItem={({ key, label, ...props }) => {
    // this.navigate(props.url);
    console.log(props.url, props.id);
  }}
  initialActiveKey='first-level-node-1/second-level-node-1'
  debounceTime={125}>
</TreeMenu>

Вещи, которые я пробовал (да, новость в этом):

<Link to={`/alignments/${props.id}`}></Link>
this.router.navigate.url(props.url);
this.navigation.navigate(props.url);
{this.props.navigation.navigate}
<Link to={props.url}></Link>
props.navigate(props.url);

Импорт операторов в верхней части функции React:

import React, {useState, useEffect} from 'react';
import './App.css';
import {Link} from 'react-router-dom';
import TreeMenu from 'react-simple-tree-menu';
import '../node_modules/react-simple-tree-menu/dist/main.css';