How to use canvas-gauges with React using Reeact hooks

Gauge.jsx

import { LinearGauge, RadialGauge } from 'canvas-gauges'
import React, { useEffect, useRef } from 'react'

export default (props) => {
    const { value, isRadial = false } = props;
    const gaugeDOM = useRef();
    const gauge = useRef();
    useEffect(() => {
        const options = Object.assign({}, props, {
            renderTo: gaugeDOM.current
        })
        gauge.current = isRadial ? new RadialGauge(options).draw() : new LinearGauge(options).draw();
    }, []);
    useEffect(() => {
        gauge.current.value = value;
        gauge.current.update();
    }, [value])
    return (
        <canvas
            ref={gaugeDOM} />
    )
}

Inspired by
https://github.com/1995parham/react-canvas-gauges

Using https://canvas-gauges.com/