How to use getTreeFromFlatData in typescript?

[MadLord80]

I don’t understand what the flatData should be?

const testData = [
	{ id: 1, title: 'Chicken', parent: null},
	{ id: 2, title: 'Egg', parent: 1}
]
const tData = getTreeFromFlatData({
	flatData: testData,
	getKey: (node) => node.id,
	getParentKey: (node) => node.parent,
	rootKey: null
})

I got errors in TS:
"Property 'node' is missing in type '{ id: number; title: string; parent: number; }' but required in type 'TreeNode'."

In tree-data-utils.d.ts flatData is described as:
Array<TreeNode & TreePath & {lowerSiblingsCounts: number[]}>

Code works only if use any type:

const tData = getTreeFromFlatData({
	flatData: testData as any,
	getKey: (node: any) => node.id,
	getParentKey: (node: any) => node.parent,
	rootKey: null
})

[danielkcz]

I believe this is a wrong repo to be solving these considering types live in DefinitelyTyped. Doesn't matter now.

Just run into the same. TypeScript declaration feels somewhat off from what is actually expected in the code.

export type FlattenedData = Array<TreeNode & TreePath & {lowerSiblingsCounts: number[]}>;

That structure is fairly elaborate, even containing some ReactNodes

export interface TreeItem {
    title?: React.ReactNode;
    subtitle?: React.ReactNode;
    expanded?: boolean;
    children?: TreeItem[];
    [x: string]: any;
}

export interface TreeNode {
    node: TreeItem;
}

export interface TreePath {
    path: NumberOrStringArray;
}

So yea, using any is a necessary workaround here. I believe it should be just Array<Record<string, any>>

Pinging types contributors @dolezel @acemac @kevinsperrine @jzoric in hope for some answer what was intention there :)

[dolezel]

Sorry for long waiting for a response, I finally got to it. I created PR that should fix it.