title: How to fix "ReferenceError: Blob is not defined" in NextJs?
body: <p>Hi I was trying to use <code>react-qr-reader</code> in next js but having the problem</p>
  <pre><code>Server Error
  ReferenceError: Blob is not defined
  
  This error happened while generating the page. Any console logs will be displayed in the terminal window.
  Source
  external%20%22react-qr-reader%22 (1:0) @ Object.react-qr-reader
  
  &gt; 1 | module.exports = require(&quot;react-qr-reader&quot;);
  Call Stack
  __webpack_require__
  webpack\bootstrap (21:0)
  </code></pre>
  <p>How can I fix it?</p>