React 18.2.0 throws Invalid Hook Call Warning

[raney24]

React 18.2.0 throws Invalid Hook Call Warning

[c0ncentus]

export function SkillTree_() {

    return <SkillProvider>
        <SkillTreeGroup children={(treeData) => {
            const {handleFilter, resetSkills, selectedSkillCount, skillCount} = treeData
            return <SkillTree
                treeId="first-tree"
                title="Skill Tree"
                data={data}
                collapsible
                description="My first skill tree"
            />
        }} />
    </SkillProvider>
}

The current exemple dont work for me in typescript then i adapting like this . On JS I have no idea what happen (lol).

React 18 drop children support (auto) and children HERE is a callback ....

if you are in js you cant see but in typescript thankfully it is visible ...