diff --git a/package.json b/package.json
index 8ec8f6b32cd..0eb63a23975 100644
--- a/package.json
+++ b/package.json
@@ -196,7 +196,7 @@
     "plotly.js-cartesian-dist": "2.35.2",
     "proj4": "2.19.10",
     "prop-types": "15.7.2",
-    "qrcode.react": "0.9.3",
+    "qrcode.react": "4.2.0",
     "query-string": "6.9.0",
     "react": "16.14.0",
     "react-bootstrap": "0.31.0",
diff --git a/web/client/components/share/ShareQRCode.jsx b/web/client/components/share/ShareQRCode.jsx
index fd3a3ff9ae9..8e496692030 100644
--- a/web/client/components/share/ShareQRCode.jsx
+++ b/web/client/components/share/ShareQRCode.jsx
@@ -12,7 +12,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import QRCode from 'qrcode.react';
+import { QRCodeCanvas } from 'qrcode.react';
 import Message from '../../components/I18N/Message';
 
 class ShareQRCode extends React.Component {
@@ -26,7 +26,7 @@ class ShareQRCode extends React.Component {
                 <h4>
                     <Message msgId="share.QRCodeLinkTitle" />
                 </h4>
-                <QRCode value={this.props.shareUrl} />
+                <QRCodeCanvas value={this.props.shareUrl} />
             </div>
         );
     }