useTreeData runtime error Cannot read properties of undefined when reading map.

[kyosimba]

I tried to run the example https://react-spectrum.adobe.com/react-stately/useTreeData.html#example . It seems that when mapping over initialItems I get cannot read properties of undefined. I am using @react-stately/data ^3.4.2 what am I missing.

let  tree = useTreeData({
    initialItems: [
      {
        name: "People",
        items: [{ name: "David" }, { name: "Sam" }, { name: "Jane" }],
      },
      {
        name: "Animals",
        items: [{ name: "Aardvark" }, { name: "Kangaroo" }, { name: "Snake" }],
      },
    ],
    initialSelectedKeys: ["Sam", "Kangaroo"],
    getKey: (item) => item.name,
    getChildren: (item) => item.items,
  });

[reidbarber]

This looks like a bug in useTreeData where it is trying to map over undefined children of children (i.e. initialItems[0].items[0].items)

A temporary fix on your end would be to use:

getChildren: (item) => item.items || [],

[kyosimba]

thanks that helped

[reidbarber]

This should be fixed via #2549 in nightly builds as of tonight, so the workaround is no longer needed.