Blob undefined

[wiredots01]

ReferenceError: Blob is not defined at Object.<anonymous> (/Users/wiredots/Projects/new/reactproject/node_modules/react-qr-reader/lib/index.js:26:24) at Module._compile (module.js:570:32) at Object.Module._extensions..js (module.js:579:10) at Module.load (module.js:487:32) at tryModuleLoad (module.js:446:12) at Function.Module._load (module.js:438:3) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object.module.exports.Object.defineProperty.value

[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?

[wiredots01]

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

[RachelAntion]

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

[tomyfalgui]

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

[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'); }