Графики Vega отображаются только при наведении мыши на React

Question

Я пытаюсь встроить граф Vega-Lite в приложение React.js следующим образом:

class ClusterDistribution extends Component {
  createPlot = () => {

    ...

    vegaEmbed(this.node, spec, { actions: false }).then(res => {
      res.view.insert("myData", myData);
    });
  };

  componentDidUpdate() {
    this.createPlot();
  }

  render() {
    return <div ref={node => (this.node = node)} />;
  }
}

Данные загружаются хорошо, но есть странное поведение, когда они рисуют столбцы только при наведении курсора, как показано в этом видео:

показать при наведении

Любые мысли о том, почему это может происходить, были бы великолепны!