I'm trying to get the SVG string for each highchart and log it to the console before I starting working on building out my function.

I think the issue I'm having is with the way that I'm calling getSVG(), but I'm not sure.

I've tried a number of things and can't seem to get it to work.

The documentation isn't very clear about it:
<https://github.com/kirjs/react-highcharts>

Edit: I found a similar issue here, but still can't get it to work:
<https://github.com/kirjs/react-highcharts/issues/186>

```
import React, { Component } from 'react';
import RHC from 'react-highcharts';
import Highcharts from 'highcharts';
import HighchartsExporting from 'highcharts/modules/exporting';

HighchartsExporting(Highcharts);
const ReactHighcharts = RHC.withHighcharts(Highcharts);

class Chart extends Component {

  componentDidMount() {
    console.log(this.refs[this.props.name].getSVG());
  }

  render() {

    return (
        <ReactHighcharts config={this.props.config} ref={this.props.name}/>  
    );
  }
}

export default Chart;

```

I'm getting this error:

> 
> TypeError: this.refs[this.props.name].getSVG is not a function. (In 'this.refs[this.props.name].getSVG()', 'this.refs[this.props.name].getSVG' is undefined)
> 
> 
>