Function setProps

dash/dash-renderer/src/wrapper/DashWrapper.tsx:110–167

(newProps: UpdatePropsPayload)

    }, [_newRender]);

    const setProps = (newProps: UpdatePropsPayload) => {
        const {id} = renderComponentProps;
        const {_dash_error, ...restProps} = newProps;

        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
        // @ts-ignore
        dispatch((dispatch, getState) => {
            const currentState = getState();
            const {graphs} = currentState;
            const oldLayout = getComponentLayout(
                renderedPath.current,
                currentState
            );
            if (!oldLayout) return;
            const {props: oldProps} = oldLayout;
            if (!oldProps) return;
            const changedProps = pickBy(
                (val, key) => !equals(val, oldProps[key]),
                restProps
            );
            if (_dash_error) {
                dispatch(
                    onError({
                        type: 'frontEnd',
                        error: _dash_error
                    })
                );
            }

            if (isEmpty(changedProps)) {
                return;
            }

            // Identify the modified props that are required for callbacks
            const watchedKeys = getWatchedKeys(id, keys(changedProps), graphs);

            batch(() => {
                // Only dispatch changes to Dash if a watched prop changed
                if (watchedKeys.length) {
                    dispatch(
                        notifyObservers({
                            id,
                            props: pick(watchedKeys, changedProps)
                        })
                    );
                }

                // Always update this component's props
                dispatch(
                    updateProps({
                        props: changedProps,
                        itempath: renderedPath.current,
                        renderType: 'internal'
                    })
                );
            });
        });
    };