FullCalendar React Tooltip

Question

I am trying to throw a tooltip when the end user clicks an event on the Full Calendar. It isn't throwing any errors or any information at all and i cant seem to get it to work. I haven't worked much with fullcalendar am i missing a plugin to get this working or is there a bug in my code? Im trying to mimic this Demo

import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";

import FullCalendar from "@fullcalendar/react";
import dayGridPlugin from "@fullcalendar/daygrid";
import interactionPlugin from "@fullcalendar/interaction";
import Popper from "react-popper";
import Tooltip from "tooltip.js";

import "@fullcalendar/core/main.css";
import "@fullcalendar/daygrid/main.css";

let totalEarning = 156.75;

class ChildPortal extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      events: [
        { title: "Clean Bedroom", date: "2019-11-12" },
        {
          title: "Vaccume Room",
          date: "2019-11-13",
          color: "green",
          textColor: "white"
        },
        {
          title: "Vaccume Room along with dads room",
          date: "2019-11-13",
          color: "green",
          textColor: "white"
        }
      ]
    };
  }

  eventRender(info) {
    var tooltip = new Tooltip(info.el, {
      title: info.event.extendedProps.title,
      placement: "top",
      trigger: "click",
      container: "body"
    });
  }

  render() {
    return (
      <div>
        <div className="row">
          <div className="col-lg-12">
            <div className="text-center m-t-lg m-b-lg">
              <h1>
                Total Earnings:{" "}
                <span className="text-navy">${totalEarning}</span>
              </h1>
            </div>
          </div>
        </div>
        <div className="row">
          <div className="ibox">
            <div className="ibox-content">
              <FullCalendar
                defaultView="dayGridMonth"
                plugins={[dayGridPlugin, interactionPlugin]}
                events={this.state.events}
                eventRender={this.eventRender}
                schedulerLicenseKey="GPL-My-Project-Is-Open-Source"
              />
            </div>
          </div>
        </div>
      </div>
    );
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<ChildPortal />, rootElement);

Code sandbox: Code Sandbox