Bar Series onValueMouseOut not triggering

I am using vertical clustered bar chart. Rest of the functionality works well, but onValueMouseOut does not trigger when I leave a particular bar. Here is my snippet from React render:

{
          data.map((item, i) => {
            if (!item.disabled) {
              return (
                <BarSeries
                  key={i}
                  color={item.color}
                  data={item.datum}
                  title={item.title}
                  onValueMouseOver={(datapoint, event) => getHintData(datapoint, event, item.title)}
                  # **onValueMouseOut**={(datapoint, event) => this._removeHintData(datapoint, event)}
                  onValueClick={(datapoint, event, j) => handleBarClick(datapoint, event, j, item.datum)}
                />
              );
            }
            return null;
          })
        }

[mizozobu]

My workaround was to have animation in state, and set it to true by default, set it to false on onValueMouseOver, and set it back to true on onValueMouseOut.

It will still be nice if this gets fixed since I don’t like having another state in my component.

<VerticalBarSeries
    data={data}
    onValueMouseOver={() => { this.setState({ animation: true }) }}
    onValueMouseOut={() => { this.setState({ animation: false }) }}
    animation={this.state.animation}
/>

[mcnuttandrew]

Hey @ArbaazAnDossani

I did a cursory check on some of the examples and they appear to have their onValueMouseOver/onValueMouseOut/onValueClick working in good order. is there a chance that you animation on? It is a known issue (#381) that animation causes problems here. Additionally you shouldn’t be using BarSeries (bar-series) directly, as that will most likely cause problems?