Bump deps (#768)

* Bump deps

* Fix build

packages/react-qr/package.json

@@ -26,12 +26,11 @@
     "@polkadot/util-crypto": "^12.3.2",
     "qrcode-generator": "^1.4.4",
     "react-qr-reader": "^2.2.1",
-    "styled-components": "^5.3.11",
-    "tslib": "^2.5.3"
+    "styled-components": "^6.0.2",
+    "tslib": "^2.6.0"
   },
   "devDependencies": {
-    "@types/react-qr-reader": "^2.1.4",
-    "@types/styled-components": "^5.1.26"
+    "@types/react-qr-reader": "^2.1.4"
   },
   "peerDependencies": {
     "@polkadot/util": "*",

packages/react-qr/src/styled.ts

@@ -1,16 +1,4 @@
 // Copyright 2017-2023 @polkadot/react-qr authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import type { StyledInterface } from 'styled-components';
-
-import styledComponents from 'styled-components';
-
-// In styled-components v6, there is a named export which can be used
-// directly, i.e. "import { styled } from ..." with no more magic. Until
-// such time the cjs vs esm import here is problematic, so we hack around
-// the various shapes below
-export const styled = (
-  (styledComponents as unknown as { styled: StyledInterface }).styled ||
-  (styledComponents as unknown as { default: StyledInterface }).default ||
-  styledComponents as unknown as StyledInterface
-);
+export { styled } from 'styled-components';