[Layout] "treeProps" does not render any nav items

I’m currently following the steps at https://react-md.dev/guides/configuring-your-layout.

I have a component which renders the layout:

const MainLayout = (props) => {
    const {pathname} = useLocation();
    const navItems = {
        "/": createRoute("/", "Home", <HomeSVGIcon />),
        "/about": createRoute("/about", "About", <HelpSVGIcon/>),
    };

    return (
        <Layout
            treeProps={useLayoutNavigation(navItems, window.location.pathname)}
            appBarTitle="react-md App"
            navHeaderTitle="My App"
            title="Title"
        >
            <App/>
        </Layout>
    );
};

My createRoute function looks the same like in the documentation:

function createRoute(pathname, children, leftAddon, parentId) {
    return {
        itemId: pathname,
        parentId,
        to: pathname,
        children,
        leftAddon,
    };
}

There isn’t rendered anything in the navigation drawer.

[mlaursen]

Just happened to be great timing that I checked this right as I was stopping work for the day 😃

I’ve updated the docs to hopefully explain this a bit better as well as some outdated notes for adding a transition to the Layout component. Just let me know if I should try a different way of documenting this and I’ll reopen this issue.

[mlaursen]

Yeah, it’s the buildTree and useNestedTreeList utils for building a tree list from an object. Since the useNestedTreeList defaults to having the rootId set to null, we also need the routes to have a default rootId (parentId) of null to render all the root level tree items/routes.