Demo data does not work

[downright-development]

trafficstars

Describe the bug I'm copying demo items and demo uncontrolled tree and it does not function.

To Reproduce

import {
	StaticTreeDataProvider,
	Tree,
	UncontrolledTreeEnvironment,
} from "react-complex-tree";

import "react-complex-tree/lib/style-modern.css";

const items = {
	root: {
		index: "root",
		canMove: true,
		isFolder: true,
		children: ["child1", "child2"],
		data: "Root item",
		canRename: true,
	},
	child1: {
		index: "child1",
		canMove: true,
		isFolder: false,
		children: [],
		data: "Child item 1",
		canRename: true,
	},
	child2: {
		index: "child2",
		canMove: true,
		isFolder: false,
		children: [],
		data: "Child item 2",
		canRename: true,
	},
};

const ComplexTree = () => {
	return (
		<UncontrolledTreeEnvironment
			dataProvider={
				new StaticTreeDataProvider(items, (item, data) => ({ ...item, data }))
			}
			getItemTitle={(item) => item.data}
			viewState={{}}
		>
			<Tree treeId="tree-1" rootItem="root" treeLabel="Tree Example" />
		</UncontrolledTreeEnvironment>
	);
};

export default ComplexTree;

Expected behavior I expected the root folder to also render, it does not. See screenshot.

Screenshots

Additional context You can help by providing additional details that are available to you, such as

Chrome Browser

• Version of the Library or tool for which you report the bug -- "react-complex-tree": "^2.6.0",