react-qr | A React.js QR Code component | QRCode Processing library

Essentially, I want to generate a QR Code in a ReactJS application. I found a generator on npm for React & React Native. Here is how they set it up on the npm site:

I managed to copy the generated UUID into my clipboard but whenever I click on the button, the UUID (and QR code) changes even though the page did not refresh. How to prevent the UUID from changing its state? Please refer to the codes below;

I would like to insert data from pages/index.js into mysql database. A mysql connection in routes/routes.js, i have built ins function to call what i want

Structure

• components
• pages
  • index.js
• routes
  • routes.js
• server.js
• package.json

Fail with error:

Module not found: Can't resolve 'fs' in '.../node_modules/destroy'

pages/index.js

I'm creating a ReactJS app that uses QR codes and I want to be able to print a PDF document with a batch of codes at once. I'm currently using both react-qr-svg to generate the codes and @react-pdf/renderer to create the document. The problem is that I haven't been able to show these QR Codes on the document.

First I tried using the Image tag from @react-pdf/renderer like this:

I'm generating a QRCode in my functional component. I want to copy the QRcode to clipbaord or download the QRcode. Im passing a Ref into the QRCode component. But I can't use the ref.current.toDataUrl() inside my listener.

React package - react-qrcode-logo

I tried with 2 different approaches.

1. downloadQR() -> Doesn't work. I guess this is not supposed to work cause Im using react hooks.

2.downloadQR2() -> It says that toDataURL() is undefined for the ref.

console.log(containerRef.current) printed this on the console.

I'm trying to build the project with sudo npm run build on linux but it give me this error: