EvolutionGraph.jsx

import React, { useEffect, useState } from "react";
import Controller from "./Controller";

const EvolutionGraph = (props) => {
  const { getController } = props;
  const [mounted, setMounted] = useState(false);

  const graphController = new Controller(props);

  useEffect(() => {
    if (mounted) return;

    if (getController) {
      if (typeof getController === "function") {
        getController(graphController);
      } else {
        console.warn(
          `Evolution Graph - Invalid getController prop type. Expected function and received ${typeof getController}.`
        );
      }
    }

    graphController.render(".evolution-graph-component");

    setMounted(true);
  }, []);

  return <div className="evolution-graph-component" />;
};

export default EvolutionGraph;