Blob undefined about react-qr-reader

[wiredots01]

i think you are right, there is something on the server rendering that includes the react-qr-code. thanks a lot.

[tomyfalgui]

Same here, using it in electron with next.js, whenever I refresh the main window, the error appears

[JodusNodus]

Can you give more details please? What is the environment (browser, nodejs, unit test) etc

[wiredots01]

chrome, node 6.11.2, jest, mac, using arc base react

[JodusNodus]

Check this #35

[JodusNodus]

Let me know if that fixes it

[wiredots01]

dont have problems on test.
when i run the app it stops on this

[JodusNodus]

Are you trying to server render it ?

[wiredots01]

nope.. im using react-qr-reader on the client

[JodusNodus]

What is your bundle build pipline?

[RachelAntion]

How did you resolve this? I'm running into the same issue.

[JodusNodus]

The module uses many things that are browser specific. I'm not familiar with next.js but you should be able to avoid rendering it server side.

[JodusNodus]

@RachelAntion Just shallow render your components, or conditionally render it or a placeholder based on the environment (node or browser).

[powderham]

@JodusNodus can you give me an example of conditional rendering in react using the environment?

[wiredots01]

ive made a condition if(!config.isServer) { var QrReader = require('react-qr-reader'); }