Is it possible to add new items?

[Nasta4ka]

thank you for the sortable tree! 👍🏻

What is a safe way to add one more child to an item?

trying to change items i get a warning "The final argument passed to useLayoutEffect changed size between renders." and nothing renders.

[Shaddix]

Does the following work for you without warnings?

export const TreeRootWithChangeableItems: React.FC<Props> = (props) => {
  const [items, setItems] = useState(initialItems);

  return (
    <>
      <button
        onClick={() => {
          setItems((oldItems) => {
            return [
              {
                id: 'NewItem' + new Date().getTime(),
                text: 'New Item',
                date: new Date(),
                children: [],
              },
              ...oldItems,
            ];
          });
        }}
      >
        Add Item
      </button>
      <SortableTree
        items={items}
        onItemsChanged={setItems}
        TreeItemComponent={TreeItem}
        {...props}
      />
    </>
  );
};