Compatibility Issue: VictoryLegend with VictoryVoronoiContainer after Next.js update

[RetfalviBence]

Hi dear community!

After upgrading my Next.js application, I started encountering a runtime error in charts that use both VictoryLegend and VictoryVoronoiContainer.

Through testing, I’ve narrowed the issue down to this combination. Here's a minimal reproduction:

'use client'

import {
  VictoryChart,
  VictoryLine,
  VictoryVoronoiContainer,
  VictoryLegend,
} from 'victory'

export default function TestPage() {
  return (
    <VictoryChart containerComponent={<VictoryVoronoiContainer />}>
      <VictoryLine />
      <VictoryLegend
        centerTitle
        data={[{ name: 'One' }, { name: 'Two' }, { name: 'Three' }]}
        gutter={20}
        orientation="horizontal"
        style={{
          border: { stroke: 'black' },
          title: { fontSize: 20 },
        }}
        title="Legend"
        x={125}
        y={10}
      />
    </VictoryChart>
  )
}

I see in the documentation that "VictoryLegend only works with the VictoryContainer component". I am a bit unsure about that, so I ask to be sure.
Is VictoryLegend officially unsupported when used with VictoryVoronoiContainer, or is this a bug/regression after recent updates (Next.js or Victory)?

Best regards,
Bence

[SachinSanchayTech]

this problem is still occuring do you find any solution