在呈现函数(reactjs)中获取错误?

我正在尝试将charist.js与react组件一起使用。我无法在react组件中显示饼图。

图表列表.js-> https://gionkunz.github.io/chartist-js/getting-started.html

Pie.js:

import React, { Component } from 'react';

    var data = {
      // A labels array that can contain any sort of values
      labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
      // Our series array that contains series objects or in this case series data arrays
      series: [
        [5, 2, 4, 2, 0]
      ]
    };

    // Create a new line chart object where as first parameter we pass in a selector
    // that is resolving to our chart container element. The Second parameter
    // is the actual data object.
   const mychart =  new Chartist.Line('.ct-chart', data);

class Pie extends Component {

  render(){
    return(
      <div>
          <div class="ct-chart ct-perfect-fourth">
          {mychart}

          </div>
      </div>

    )}

}

export default Pie;

父组件:

render(){
      return(
<div>
      <Pie/>
</div>     
  )
}

我正在将pie.js导入父组件中,但出现错误,说对象应该是数组而不是对象,即 objects are not valid react child . 见截图: