title: Cannot scan a QRcode with letters includes "ÅÄÖ" generated by react-qr-code
body: <p>Im trying to add a page that creates Qrcode by using react-qr-code.</p>
  <p>Everything works normal until I include these following letters &quot;ÅÄÖ&quot; in value.<br />
  Does anyone has any clue why i cannot use  &quot;ÅÄÖ&quot;  in value?</p>
  <p>I refer to this page <a href="https://codesandbox.io/s/react-qr-code-forked-o700d9?file=/src/index.tsx:0-97" rel="nofollow noreferrer">codesandbox</a>. but this page works even i have &quot;ÅÄÖ&quot; in value. so i dont really understand why it does work with my code. its pretty exactly the same....</p>
  <p>Here is my component</p>
  <pre><code>import React from 'react';
  import { connect } from 'react-redux';
  import { createQRcode } from '../../actions/labelActions';
  import QRCode from &quot;react-qr-code&quot;;
  
  
  class OrderCeateQRcode extends React.Component {
  
      componentDidMount() {
          const labelID = this.props.match.params.id;
          this.props.createQRcode(labelID);
      };
  
      render() {
          let labeldetail = this.props.labeldetail || [];
  
          const Aritcle = labeldetail[0] ? labeldetail[0].name : 'ERROE!';
          const Content = Aritcle + ':innehåller smör';
  
          return (
              &lt;div className = &quot;row&quot;&gt;
                  &lt;div className=&quot;col-sm&quot;&gt;
                      &lt;QRCode
                          value={ Content }
                          renderas=&quot;svg&quot;
                          style={{
                          width: &quot;70vmin&quot;,
                          height: &quot;70vmin&quot;
                          }}
                      /&gt;
                  &lt;/div&gt;
              &lt;/div&gt;            
          );
      }
  }
  
  
  const mapStateToProps = (state) =&gt; {
      return {
          labeldetail:state.order.labeldetails,
      };
  };
    
    
  const mapDispatchToProps = dispatch =&gt; {
      return({
          createQRcode: (labelID) =&gt; dispatch(createQRcode(labelID)),  
      })
  }
  
  
  export default connect(mapStateToProps,mapDispatchToProps)(OrderCeateQRcode);
  
  </code></pre>