Audio is not defined.

[gabrielpgava]

So, i am trying to run the package on a next JS app, and i get this error, some on know how to fix?

[yudielcurbelo]

What version are you using?

[gabrielpgava]

I am using these versions:
"@yudiel/react-qr-scanner": "^1.2.10",
"next": "^14.1.0",
"react": "^18.2.0",
"react-dom": "^18.2.0"

[yudielcurbelo]

That error is from a previous version. In 1.2.10 it was fixed. Could you check that your .lock file is referencing that version? You could also try to delete your node_modules and recreate it. Please let me know.

[gabrielpgava]

The .lock file is referencing version 1.2.10, and I tried to delete the node_modules, but I had no success in solving the issue.

[yudielcurbelo]

I have multiple apps deploy to vercel and none of them is presenting this issue with the latest version. I also created a Sandbox and was not able to reproduce it

[gabrielpgava]

Thanks for your help! I'll keep looking for a solution and let you know when I find it.

[nick-tw]

you probably have SSR on the component. make sure it's rendered on the client

import dynamic from 'next/dynamic'

const DynamicQrScanner = dynamic(() => import('@yudiel/react-qr-scanner').then(mod => mod.QrScanner), {
    ssr: false
  });

<DynamicQrScanner
onDecode={(result) => console.log(result)}
onError={(error) => console.log(error?.message)}
/>

[Aerofolio]

I was having the same issue and @nick-tw answer solved my problem. Thank you so much.

[yudielcurbelo]

This should be fixed in the beta version 2.0.0-beta.2. Please note that there are also many changes in this version. Go over the README.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[walle233]

I have the same problem

version: ^2.0.0-beta.3

[NadirBakhsh]

I am Also facing the same problem.

but I resolved it.

the problem is that Audio URL is underfed on server side. node is server endearment, so it not supported Audio JavaScript API.

Indicational state is false

i hope it will work for everyone

[yudielcurbelo]

This issue should be fixed on 2.0.0-beta.8. There are breaking changes for this beta release.