"props.groupComponent is undefined" error (#3014)

Author: dlabrecq

.changeset/large-comics-repeat.md

@@ -0,0 +1,5 @@
+---
+"victory-bar": patch
+---
+
+Fix "props.groupComponent is undefined" error

packages/victory-bar/src/helper-methods.ts

@@ -64,7 +64,7 @@ const getCalculatedValues = (props) => {
 
   // when inside a zoom container, reset the _x and _y properties of each datum to the original
   // x and y property values so they will not be clipped. See https://github.com/FormidableLabs/victory/pull/2970
-  if (props.groupComponent.type === VictoryClipContainer) {
+  if (props.groupComponent?.type === VictoryClipContainer) {
     data = data.map((datum) => ({ ...datum, _x: datum.x, _y: datum.y }));
   }
 

packages/victory-bar/src/victory-bar.tsx

@@ -148,7 +148,7 @@ class VictoryBarBase extends React.Component<VictoryBarProps> {
     // when inside a zoom container (the only place VictoryClipContainer is used), all data
     // should be renderable so bars won't dissappear before they've fully exited the container's bounds
     // see https://github.com/FormidableLabs/victory/pull/2970
-    if (props.groupComponent.type === VictoryClipContainer) {
+    if (props.groupComponent?.type === VictoryClipContainer) {
       children = this.renderData(props, VictoryBarBase.shouldRenderDatum);
     } else {
       children = this.renderData(props);