example code not working?

[gregidonut]

i'm using https://react-aria.adobe.com/dnd#moving-items; as Example.tsx and PokemonTree.tsx

but i get this error:

react-aria-components.js?v=6588f5b4:52169 Uncaught TypeError: Cannot read properties of undefined (reading 'type')
    at visitNode (react-aria-components.js?v=6588f5b4:52169:14)
    at $2f5eaf4a2a47b4cf$var$flattenTree (react-aria-components.js?v=6588f5b4:52183:32)
    at new $2f5eaf4a2a47b4cf$var$TreeCollection (react-aria-components.js?v=6588f5b4:51614:48)
    at react-aria-components.js?v=6588f5b4:51666:12
    at updateMemo (@astrojs_react_client__js.js?v=6588f5b4:6546:21)
    at Object.useMemo (@astrojs_react_client__js.js?v=6588f5b4:18970:20)
    at exports.useMemo (chunk-2XPJAY3H.js?v=6588f5b4:947:36)
    at $2f5eaf4a2a47b4cf$var$TreeInner (react-aria-components.js?v=6588f5b4:51665:57)
    at Object.react_stack_bottom_frame (@astrojs_react_client__js.js?v=6588f5b4:18510:20)

on Google chrome browser,

is this snippet from the generated js famillar to you?

  let visitNode = (node) => {
    if (node.type === "item" || node.type === "loader") {
      let parentKey = node === null || node === void 0 ? void 0 : node.parentKey;
      let clone = {
        ...node
      };
      if (parentKey != null) {
        let hasContentNode = [
          ...collection.getChildren(parentKey)
        ][0].type !== "item"; // ****PROBLEM LINE *****
        if (hasContentNode) clone.index = (node === null || node === void 0 ? void 0 : node.index) != null ? (node === null || node === void 0 ? void 0 : node.index) - 1 : 0;
        if (node.type === "loader") clone.level = node.level + 1;
        keyMap.set(clone.key, clone);
      } else keyMap.set(node.key, node);
      let modifiedNode = keyMap.get(node.key) || node;
      if (modifiedNode.level === 0 || modifiedNode.parentKey != null && expandedKeys.has(modifiedNode.parentKey) && parentLookup.get(modifiedNode.parentKey)) {
        if (modifiedNode.type === "item") itemCount++;
        flattenedRows.push(modifiedNode);
        parentLookup.set(modifiedNode.key, true);
      }
    } else if (node.type !== null) keyMap.set(node.key, node);
    for (let child of collection.getChildren(node.key)) visitNode(child);
  };
  for (let node of collection) visitNode(node);
  return {
    flattenedRows,
    keyMap,
    itemCount
  };
}
 

[snowystinger]

Thanks for the issue. Can you provide steps to reproduce? I'm not seeing an issue yet.

[gregidonut]

i guess it does work when i follow the stackblits example to a tee, which uses a different Tree.tsx file than the one downloaded by the shadcn cli using the following command:

npx shadcn@latest add @react-aria/tailwind/Tree

i'm not sure if that's intended, or inevitable given the this specific variant

[snowystinger]

Both should work, can you open an Issue about the shadcn example? Thanks!