Add useQRCode hook

[maddie927]

I ended up making this a hook which renders an svg in order to package up the rendering and "save on click" behavior into a single function without exposing the internal bits like refs. It leaves the style open for the consumer to control.

[arthurxavierx]

This hook+component pair seems a bit too specific for me, especially because of the saveOnClick effect the hook returns. I feel like a more general approach would be to have it return an effect that produces the SVG blob/data URL, so the consumer can choose what to do with it, be it saving to a file, printing it, or whatever.

[arthurxavierx]

I feel like the size should be configurable here.

[maddie927]

I ended up removing it which leaves the hard-coded sizing off of the svg element. The size can still be specified with styles, allowing other units or relative sizing.

[maddie927]

Hmm, maybe. You mean more like base64url <- useQRCode val? You'd then need to set it as an img src if you wanted to render it, instead of treating it like jsx or html.

[arthurxavierx]

I'd actually thought of still returning the qrcode as JSX but at the same time allowing for consumers to use the data URL in ways other than downloading.

[maddie927]

Got it. I'm going to try a variation in a bit using a different library and see how that feels. I like the library better overall, especially when we get to future requirements like logo overlays.

[maddie927]

ready to re-review

[kimispencer]

Feel free to ignore this, but in order to test the UI capabilities of this component I added an additional example in kimi/qrcode-example. UI wise this is looking solid to me.