TimesTable.tsx

export class TimesTable extends React.Component<{ timesTable, pointCount, lineColor }> {
  canvasRef = React.createRef();
  
  redraw = () => {
    this.canvasRef.current.height = window.innerHeight;
    this.canvasRef.current.width = window.innerWidth;
    this.forceUpdate();
  };
  
  componentDidMount() {
    const canvas = this.canvasRef.current;
    canvas.height = window.innerHeight;
    canvas.width = window.innerWidth;
  
    window.addEventListener('resize', this.redraw);
  }
  
  componentWillUnmount() {
    window.removeEventListener('resize', this.redraw);
  }
  
  componentDidUpdate() {
    // Setting width/height even to the same value clears the canvas
    this.canvasRef.current.width = this.canvasRef.current.width;
  }
  
  render() {
    return (
      <canvas ref={this.canvasRef}>
        <Viz ctx={this.canvasRef.current ? this.canvasRef.current.getContext('2d') : null} {...this.props} />
      </canvas>
    );
  }
}