如何在material UI treeview.when中使用导航功能单击需要导航到特定页面的树叶如何操作？

import React, { useState } from 'react';
import { TreeView, TreeItem } from '@material-ui/lab';

const MyTreeView = () => {
  const [treeData, setTreeData] = useState([
    {
      id: 1,
      label: 'Node 1',
      children: [
        {
          id: 2,
          label: 'Node 1.1',
        },
        {
          id: 3,
          label: 'Node 1.2',
        },
      ],
    },
    {
      id: 4,
      label: 'Node 2',
    },
  ]);

  return (
    <TreeView>
      {renderTreeItems(treeData)}
    </TreeView>
  );
};

const renderTreeItems = (nodes) => {
  return nodes.map((node) => (
    <TreeItem
      key={node.id}
      nodeId={node.id.toString()}
      label={node.label}
      onClick={() => handleNodeClick(node)}
    >
      {Array.isArray(node.children) ? renderTreeItems(node.children) : null}
    </TreeItem>
  ));
};

import { useHistory } from 'react-router-dom';

const handleNodeClick = (node) => {
  const history = useHistory();
  // 根据需要进行页面导航
  history.push(`/page/${node.id}`);
};