TreeNode folder without children

[melihcoban]

Hi,

I am using Tree component and hook to create a file tree based component. Can I show a node without children as an empty folder?

[
  {
    label: 'src',
    value: 'src',
    children: [
      {
        label: 'components',
        value: 'src/components',
        children: [
          { label: 'Accordion.tsx', value: 'src/components/Accordion.tsx' },
          { label: 'Tree.tsx', value: 'src/components/Tree.tsx' },
          { label: 'Button.tsx', value: 'src/components/Button.tsx' },
        ],
      },
      {
        label: 'empty folder',
        value: 'empty',
        children: [],
      },
    ],
  },
]

Empty folder is not rendering on the screen this way. Thanks for help.

[rtivital]

Define nodeProps:

[
  {
    label: 'src',
    value: 'src',
    children: [
      {
        label: 'components',
        value: 'src/components',
        children: [
          { label: 'Accordion.tsx', value: 'src/components/Accordion.tsx' },
          { label: 'Tree.tsx', value: 'src/components/Tree.tsx' },
          { label: 'Button.tsx', value: 'src/components/Button.tsx' },
        ],
      },
      {
        label: 'empty folder',
        value: 'empty',
        nodeProps: { isEmptyFolder: true },
        children: [],
      },
    ],
  },
]

Then reference nodeProps in your custom component.