children.activation.tsx

    // j'ai fait une erreur au niveau du debounce
    const debouncedRender = useRef(
        debounce((config) => {
            console.log("render report", config)
        }, 1000)
    )

    const setChildrenEnabled = (section, enabled) => {
        const children = section.children
        let newChildren = {}
        if (children) {
            newChildren = Object.keys(children).reduce((obj, key) => {
                const childSection = children[key]
                obj[key] = setChildrenEnabled(childSection, enabled)
                return obj
            }, {})
        }

        return { ...section, enabled, children: newChildren }
    }

    const handleChange = (path, enabled) => {
        let newSection = path ? { ...get(config, path), enabled } : { ...config, enabled }
        newSection = setChildrenEnabled(newSection, enabled)
        const newConfig = path ? { ...set(config, path, newSection) } : newSection

        setConfig(newConfig)
        debouncedRender.current(newConfig)
    }