victory

victory copied to clipboard

I am receiving this DOM error for standalone and polar attributes. When I change these attributes to strings as the message in the DOM suggests, the charts then error, because the types are expecting a boolean. Not a string.

In addition the stringMap prop is not recognised by react, the error states this is fixed by making it lowercase (I cannot do this as it is something being set by Victory)

victory: ^36.6.10 npm: 9.2.0 next: 13.4.4

I cannot recreate it in sandbox, but I can send screenshots to show the issues.

To Reproduce Steps to reproduce the behavior:

1. Create a victory chart with polar like the code snippet below <VictoryChart data-testid="mini-anmut-polar-chart-for-navigation" polar={true} innerRadius={10} startAngle={90} endAngle={450} height={350} width={400} domain={{ y: [0, 5], }} > </VictoryChart>
2. With dummy data passed in the chart will render, but the error in console will state that polar should be a string, not a boolean

Expected behavior Warnings and errors should not appear in console

Screenshots If applicable, add screenshots to help explain your problem. (You can exclude this if you included a reproduction)

• OS: iOS
• Browser chrome

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]

Additional context Add any other context about the problem here.

Any updates on this? we are also seeing this error.

Any update on this?

This appears to be resolved in the latest versions

@carbonrobot still seems to be happening to me in v36.9.1

@ITSjwags Do you have some example code? I'm running the following without an error.

    <VictoryChart
      polar={true}
      innerRadius={10}
      startAngle={90}
      endAngle={450}
      height={350}
      width={400}
      domain={{
        y: [0, 5],
      }}
    />

@ITSjwags Do you have some example code? I'm running the following without an error.

    <VictoryChart
      polar={true}
      innerRadius={10}
      startAngle={90}
      endAngle={450}
      height={350}
      width={400}
      domain={{
        y: [0, 5],
      }}
    />

@carbonrobot after trying to make a replication for you, i think i figured out the main difference/issue. for my specific case i'm adding some defs inside of the VictoryChart svg to use for linear gradients and shadows within the chart. i think my console errors have something to do with that.

https://codesandbox.io/p/sandbox/victory-console-errors-fpty43