importing tooltip files

Author: nusanam

package-lock.json

@@ -63,6 +63,7 @@
     "acorn-jsx": "^5.0.2",
     "bower": "^1.8.8",
     "d3": "^4.13.0",
+    "d3-tip": "^0.9.1",
     "immer": "^3.2.0",
     "jsondiffpatch": "^0.3.11",
     "prop-types": "^15.7.2",

package.json

@@ -5,7 +5,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import * as d3 from 'd3';
-import '../d3tooltip.js'
+import * as _d3Tip from "d3-tip"
 
 let root = {};
 let duration = 750;
@@ -91,7 +91,8 @@ class Chart extends Component {
       .attr("r", 15)
 
     //creating a d3.tip method where the html has a function that returns the data we passed into tip.show from line 120
-    let tip = d3.tip()
+    const d3Tip = _d3Tip.bind(d3)
+    let tip = d3Tip()
       .attr("class", "d3-tip")
       .html(function (d) { return "State Snapshot: " + d; })
     //invoking tooltip for nodes