Paged chart is not working for me

[leabaertschi]

I'm trying to make my chart paged, but it's not working. On some levels it's not rendering a pagination button at all, and on others with many nodes it's rendering the button in place of the node at this position and to the right continues to render the other nodes nevertheless. My chart looks as follows:

chartRef.current
        .container(d3Container.current)
        .data(data)
        .nodeId((node) => getNodeData(node)[0].id)
        .parentNodeId((node) => getNodeData(node)[0].content.parentItemId.getOrUndefined())
        .svgWidth(width)
        .svgHeight(height)
        .nodeWidth(() => NODE_WIDTH)
        .nodeHeight(() => NODE_HEIGHT)
        .nodeContent((node) => {
          return ReactDOMServer.renderToString(
            <Item styles={styles} item={node.data} />
          );
        })
        .nodeButtonX(() => NODE_BUTTON_X)
        .nodeButtonY(() => NODE_BUTTON_Y)
        .nodeButtonHeight(() => NODE_BUTTON_HEIGHT)
        .nodeButtonWidth(() => NODE_BUTTON_WIDTH)
        .linkYOffset(LINK_Y_OFFSET)
        .buttonContent(({ node }) =>
          ReactDOMServer.renderToString(<ExpandeCollapseButton styles={styles} node={node} />)
        )
        .setActiveNodeCentered(setActiveNodeCentered)
        .compact(compact)
        .pagingStep((d) => 5)
        .minPagingVisibleNodes((d) => 3)
        .render();

Is there anything obvious I'm missing? I'm rendering all this in a React project.