Function setHydratedProps

dash/dash-renderer/src/wrapper/DashWrapper.tsx:234–446

(component: any, componentProps: any)

    }

    const setHydratedProps = (component: any, componentProps: any) => {
        // Hydrate components props
        const childrenProps = pathOr(
            [],
            ['children_props', component?.namespace, component?.type],
            config
        );
        let props = mergeRight(dissoc('children', componentProps), extraProps);

        for (let i = 0; i < childrenProps.length; i++) {
            const childrenProp: string = childrenProps[i];
            let childNewRender: any = 0;
            if (
                childrenProp
                    .split('.')[0]
                    .replace('[]', '')
                    .replace('{}', '') in changedProps ||
                newRender.current ||
                !renderH
            ) {
                childNewRender = {};
            }
            const handleObject = (obj: any, opath: DashLayoutPath) => {
                return mapObjIndexed(
                    (node, k) =>
                        wrapChildrenProp(node, [...opath, k], childNewRender),
                    obj
                );
            };

            if (childrenProp.includes('.')) {
                let childrenPath: DashLayoutPath = childrenProp.split('.');
                let node: any;
                let nodeValue: any;
                if (childrenProp.includes('[]')) {
                    const frontPath: string[] = [],
                        backPath: string[] = [];
                    let found = false,
                        hasObject = false;
                    // At first the childrenPath is always a list of strings.
                    (childrenPath as string[]).forEach(p => {
                        if (!found) {
                            if (p.includes('[]')) {
                                found = true;
                                if (p.includes('{}')) {
                                    hasObject = true;
                                    frontPath.push(
                                        p.replace('{}', '').replace('[]', '')
                                    );
                                } else {
                                    frontPath.push(p.replace('[]', ''));
                                }
                            } else if (p.includes('{}')) {
                                hasObject = true;
                                frontPath.push(p.replace('{}', ''));
                            } else {
                                frontPath.push(p);
                            }