index.js

function ReactCanvasPaint(props) {
  const canvas = useRef(null)
  const [drawing, setDrawing] = useState(false)
  const [position, setPosition] = useState(null)

  return (
      <canvas
        ref={canvas}
        onMouseDown={onDown}
        onTouchStart={onDown}
        onMouseUp={onUp}
        onTouchEnd={onUp}
        onMouseLeave={onUp}
        onMouseMove={onMove}
        onTouchMove={onMove}
        width={props.width}
        height={props.height}
      />
  )
}