React + d3 + Material-UI構成で、Gridで画面を細分化している場合のwidth, height取得

前提・実現したいこと

React + D3 + Material-UI構成でダッシュボード的なものを作ろうとしています。
Gridで画面を細分化してサブ画面を作り、その中の１つにd3でグラフを描きたいです。
この際、グラフ用のサブ画面のサイズを取得して、それに合わせてグラフのサイズを決めたいのですが、Gridで細分化したのwidth, heighを取得する方法ありますでしょうか？

あるいは、「〜を使えば自動でちょうど良いサイズに勝手に調整してくれる」などの情報ありましたら、頂けますと幸いです。

該当のソースコード

親コンポーネント

import React from 'react';$
import Grid from '@material-ui/core/Grid';$

class Hogehoge extends React.Component {
  constructor(props) {                                                                                                                                                                                                                                                          
    super(props);                                                                                                                                                                                                                                                               
    this.chartRef = React.createRef(); 
  }

  render() {
    const { classes } = this.props;

    return (
      <div className={classes.root}>
        <Paper_
          className={classes.paper}
          elevation={20}
        >
          <Grid container spacing={24} alignItems='center'>$
            <Grid item xs={6} ref={this.chartRef} >
              <MyChart/>
            </Grid>
            <Grid item xs={6}>
              <MyTable/>
            </Grid>
          </Grid>
        </Paper>
      </div>
    );
  }
}

子コンポーネント（width, heightを取得したい対象）

import React from 'react';                                                                                                                                                                                                                                                      
import * as d3 from 'd3';                                                                                                                                                                                                                                                       
                                                                                                                                                                                                                                                                                
class MyChart extends React.Component {    
  constructor(props) {                                                                                                                                                                                                                                                          
    super(props);                                                                                                                                                                                                                                                               
    this.svgRef = React.createRef(); 
  }

  render() {
    return (
      <svg ref={this.svgRef} />
    );
  }
}