如何在React-vis上启用工具提示？

npm install react-vis

import { XYPlot, XAxis, YAxis, VerticalBarSeries, Hint } from 'react-vis';

class MyChart extends React.Component {
  state = {
    tooltipData: null
  };

  render() {
    // 组件的其余部分
  }
}

render() {
  return (
    <XYPlot width={300} height={300}>
      <XAxis />
      <YAxis />
      <VerticalBarSeries
        data={[
          { x: 1, y: 10 },
          { x: 2, y: 5 },
          { x: 3, y: 15 }
        ]}
        onValueMouseOver={value => {
          this.setState({ tooltipData: value });
        }}
        onValueMouseOut={() => {
          this.setState({ tooltipData: null });
        }}
      />
      {this.state.tooltipData && (
        <Hint value={this.state.tooltipData}>
          <div>{`x: ${this.state.tooltipData.x}, y: ${this.state.tooltipData.y}`}</div>
        </Hint>
      )}
    </XYPlot>
  );
}