Actions.updateNodeAttributes doesn't rerender?

[MythicPalette]

Summary:

So, I'm working on a project. I added a button to the tab via onRenderTab to toggle information in a component.

Expectation:

Button on the tab should change a config value (showAddress) and then rerender the node.

Observation:

Button on tab changes config value (showAddress) but the node does not visually update. Refreshing the page is required to see the changed value.

Troubleshooting Performed:

I've used console.log('x') to trace what is and is not called and when. My code to update the config is run when expected, however, I have noted that the factory function is not run again until I either refresh the page, relaunch Electron, or force a rerender by resizing something. Beyond tracing and verifying that it is, in fact, out of my control as I currently understand it, I don't believe there is more I can do without forcing the entire layout to refresh.

Any help solving this or forcing a rerender of the node would be much appreciated.

Relevant Code:

const onRenderTab = (node, renderValues) => {
    renderValues.buttons.push(
        <button
            key="Edit"
            title="Edit"
            className="flexlayout__tab_toolbar_button"
            onClick={() => {
                const config = node.getConfig();
                model.doAction(
                    Actions.updateNodeAttributes(node.getId(), {
                        config: {
                            ...config,
                            showAddress: !config.showAddress || false,
                        },
                    })
                );
            }}
            style={{ cursor: "pointer" }}
        >
            <MenuIcon />
        </button>
    );
};

export default function FlexLayoutComponent() {
    const factory = (node) => {
        var component = node.getComponent();

        if (component === "webViewComponent") {
            const config = node.getConfig();
            return <WebViewer {...config} />;
        } else {
            return <Placeholder model={model} node={node} />;
        }
    };

    return (
        <Layout
            model={model}
            factory={factory}
            onRenderTabSet={onRenderTabSet}
            onRenderTab={onRenderTab}
            realtimeResize={true}
            onModelChange={() => saveLayout()}
        />
    );
}

/*
    The code for the WebViewer component is intentionally absent as I don't believe it is relevant.
    I have verified that the issue lies in the fact that a rerender of the node is not being triggered.
*/

[MythicPalette]

Ok, I found a workaround. I pass model to the WebViewer component and then I use model.addChangeListener and filter for specifically FlexLayout_UpdateNodeAttributes with the node id of the current node, then I set state inside the component itself.

I feel like having a change listener specifically for the node itself would have been slightly better.