import React, {useEffect, useRef} from 'react';
import PersonalitySunburstChart from 'personality-sunburst-chart/lib/charts/v3-d3v4';

export default function PersonalityInsightsChart({data}) {
  const chartRef = useRef(null);
  useEffect(() => {
    const chart = new PersonalitySunburstChart({
      element: chartRef.current,
      version: 'v3'
    });

    chart.show(data);
  }, [data]);

  return (<div ref={chartRef} />);
}