嘿，我最近在用Material UI Toolpad开发后台页面的时候，碰到了个面包屑渲染的问题，想跟大伙请教下～

我写了这样一段布局代码：

import {AppProvider, Navigation, PageContainer} from '@toolpad/core';  

const AdminLayout = () => {  
  const NAVIGATION: Navigation = [
    {
      title: 'Home',
      segment: '',
    },
    {
      title: 'Users',
      segment: 'users',
      children: [
        {
          title: 'User list',
          segment: 'list',
        }
      ]
    }
  ];  

  return (
    <AppProvider
      navigation={NAVIGATION}
    >
      <PageContainer>
        {/* 这里是页面的具体内容 */}
      </PageContainer>
    </AppProvider>
  );
};

本来预期面包屑会按照Home > Users > User list的层级正常展示，但实际渲染出来却有异常，完全不是我想要的效果。有没有小伙伴遇到过类似的情况呀？或者能帮我瞅瞅代码里哪里可能出问题了？

内容来源于stack exchange