Using controller with react-signature-canvas library

[NikolaStanisavljevic]

Has anyone tried to use react-signature-canvas with controller.
Are there any examples for this?
If not i will update this discussion with some basic example in typescript when i finish.

[bluebill1049]

that's interesting! i haven't tried.

[NikolaStanisavljevic]

I could not come up with some sensible example, because mine is very specific.
Yet it is possible to use it with with controller,and i had no issues about using it.
Here is something that can be used as code example :

  let signCanvas = useRef<ReactSignatureCanvas | null>(null);

// Function that will format canvas signature into PNG
    const formatIntoPng = () => {
      if (signCanvas.current) {
        const dataURL = signCanvas.current.toDataURL();
        return dataURL;
       }
    };

// Controler usage example that will save on end of drawing as PNG
<Controller
        name="some-name"
        control={control}
        render={({ value, onChange }) => (
          <SignatureCanvas
            canvasProps={{ width: width, height: 300, className: 'signCanvas' }}
            ref={signCanvas}
            onEnd={onChange(formatIntoPng)}
          />
        )}
        defaultValue=""
      />