diff --git a/packages/redux-devtools-chart-monitor/src/Chart.js b/packages/redux-devtools-chart-monitor/src/Chart.js index d12f3403..9e01b81c 100644 --- a/packages/redux-devtools-chart-monitor/src/Chart.js +++ b/packages/redux-devtools-chart-monitor/src/Chart.js @@ -1,6 +1,5 @@ -import React, { Component } from 'react'; +import React, { Component, createRef } from 'react'; import PropTypes from 'prop-types'; -import { findDOMNode } from 'react-dom'; import { tree } from 'd3-state-visualizer'; const wrapperStyle = { @@ -61,9 +60,11 @@ class Chart extends Component { }) }; + divRef = createRef(); + componentDidMount() { const { select, state, defaultIsVisible } = this.props; - this.renderChart = tree(findDOMNode(this), this.props); + this.renderChart = tree(this.divRef.current, this.props); if (defaultIsVisible) { this.renderChart(select(state)); } @@ -78,7 +79,7 @@ class Chart extends Component { } render() { - return
; + return
; } }