Merge pull request #4287 from serlo/chore/upgrade-more

chore: upgrade qrcode.react to 4 and next-query-param

apps/web/package.json

@@ -65,10 +65,10 @@
     "mathjs": "^12.4.3",
     "mathlive": "^0.98.6",
     "next": "^14.2.18",
-    "next-query-params": "^4.3.0",
+    "next-query-params": "^5.0.1",
     "nprogress": "^0.2.0",
     "postcss": "^8.4.49",
-    "qrcode.react": "^3.2.0",
+    "qrcode.react": "^4.1.0",
     "ramda": "^0.30.1",
     "react": "^18.2.0",
     "react-diff-viewer": "^3.1.1",

apps/web/src/components/user-tools/share/share-modal.tsx

@@ -9,7 +9,7 @@ import {
   faDownload,
   faEnvelope,
 } from '@fortawesome/free-solid-svg-icons'
-import QRCode from 'qrcode.react'
+import { QRCodeSVG } from 'qrcode.react'
 import { MouseEvent, useState, useEffect } from 'react'
 
 import { FaIcon, FaIconProps } from '../../fa-icon'
@@ -143,7 +143,7 @@ export function ShareModal({
       className="top-1/2"
     >
       <div className="mx-side mb-4 sm:float-right sm:mb-0">
-        <QRCode value={shareUrl} renderAs="svg" fgColor={colors.brand} />
+        <QRCodeSVG value={shareUrl} fgColor={colors.brand} />
       </div>
       {renderShareInput()}
       <hr className="mx-side my-4" />

yarn.lock

@@ -5979,7 +5979,7 @@ __metadata:
     mathlive: ^0.98.6
     micromark: ^4.0.1
     next: ^14.2.18
-    next-query-params: ^4.3.0
+    next-query-params: ^5.0.1
     npm-run-all: ^4.1.5
     nprogress: ^0.2.0
     postcss: ^8.4.49
@@ -5990,7 +5990,7 @@ __metadata:
     prettier-plugin-packagejson: ^2.5.3
     prettier-plugin-tailwindcss: ^0.6.8
     prop-types: ^15.8.1
-    qrcode.react: ^3.2.0
+    qrcode.react: ^4.1.0
     ramda: ^0.30.1
     react: ^18.2.0
     react-diff-viewer: ^3.1.1
@@ -14569,16 +14569,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"next-query-params@npm:^4.3.0":
-  version: 4.3.0
-  resolution: "next-query-params@npm:4.3.0"
+"next-query-params@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "next-query-params@npm:5.0.1"
   dependencies:
     tslib: ^2.0.3
   peerDependencies:
     next: ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
     use-query-params: ^2.0.0
-  checksum: 49c0fd760a4a87b8e3c0d2579b2217796c2cff2aa73e391f395e49d9bdaf8a09a3a97cc1eb90a21a839362571b109ffecea404ce7e55dd0e35c12c9007a33789
+  checksum: bef6d950261cc90bc5b50e0b0aeab63cc58909cdaf4543ab87f4a609eaf3dfdae683afb8516cf12abfa7d07ee4d27beda2da76756a05387f36a5c34de8939184
   languageName: node
   linkType: hard
 
@@ -16158,12 +16158,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"qrcode.react@npm:^3.2.0":
-  version: 3.2.0
-  resolution: "qrcode.react@npm:3.2.0"
+"qrcode.react@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "qrcode.react@npm:4.1.0"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 55d020ca482d57e8d73ee9e2e18f152184fd3d7d2d0742ae54ec58c5a3bab08b242a648585178d7fc91877fc75d6fbad7a35fb51bc4bddd4374e1de450ca78e7
+  checksum: 722dd8abfdc5473e42b639590e517ea9f7083646d920519dd81dc03e906e25fb1274040de2dc8eb02c4602e36af7e4cc956ef86fa6a5502a2d76b34d1acc86dd
   languageName: node
   linkType: hard