ref problems with react and chartist

Question

How to import chartist in react component?

I've followed the instructions listed in the above link for integrating Chartist.js with a react application but i'm experiencing an error that I haven't run into before.

var React = require('react');
var ReactDOM = require('react-dom');
require('./index.css');
import Chart from './components/Chart'
class App extends React.Component {
  render() {
    return (
      <div>
        <Chart />
      </div>
    )
  }
}

chart component

import React from 'react';
import ChartistGraph from "react-chartist";

const simpleLineChartData = {
          labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
          series: [
            [12, 9, 7, 8, 5],
            [2, 1, 3.5, 7, 3],
            [1, 3, 4, 5, 6]
          ]
}

class Chart extends React.Component {
  render(){
    return(
      <div>
        <ChartistGraph data={simpleLineChartData} type={'Line'} />
      </div>

    )}

}

export default Chart;

The error im getting is:

Uncaught Error: Element ref was specified as a string (chart) but no owner was set. This could happen for one of the following reasons: 1. You may be adding a ref to a function component 2. You may be adding a ref to a component that was not created inside a component's render method 3. You have multiple copies of React loaded

I'm unsure whats going on as I am not explicitly passing ref to any of my components in my code sample. I dont have multiple copies of React loaded to the best of my knowledge. Can anyone help?