How to use the victory.VictoryBar function in victory

const React = require('react');
const V = require('victory');

const types = {
  LINE: V.VictoryLine,
  BAR: V.VictoryBar,
  SCATTER: V.VictoryScatter
};

class Chart extends React.PureComponent {
  render() {
    const scale = 1 / (( this.props.randomSeed % 3  +  1));
    const INNER_CHART = types[this.props.type.toUpperCase()];
    const data = Array(100).fill().map((_) => {
      return {
        x: scale * Math.random(),
        y: scale * Math.random()
      }
    });

    return (
      <div></div>

const React = require('react');
const IdyllComponent = require('idyll-component');
const V = require('victory');

const types = {
  LINE: V.VictoryLine,
  BAR: V.VictoryBar,
  SCATTER: V.VictoryScatter
};

class Chart extends IdyllComponent {
  render() {
    const INNER_CHART = types[this.props.type.toUpperCase()];
    return (
      <div>
        
          
          
        
      </div>
    );
  }
}

import React from 'react';
const V = require('victory');
const d3Arr = require('d3-array');

const types = {
  AREA: V.VictoryArea,
  TIME: V.VictoryLine,
  LINE: V.VictoryLine,
  BAR: V.VictoryBar,
  SCATTER: V.VictoryScatter,
  PIE: V.VictoryPie
};

let chartCount = 0;

class Chart extends React.PureComponent {

  constructor(props) {
    super(props);
    this.id = chartCount++;
    this.state = {};
    this.renderError = this.renderError.bind(this);
    this.renderHelp = this.renderHelp.bind(this);
  }