Bump @streamr/sdk and streamr-client-react

Author: mondoreale

package-lock.json

@@ -47,7 +47,7 @@
     "@sentry/react": "^8.34.0",
     "@streamr/config": "^5.9.2",
     "@streamr/hub-contracts": "^1.1.2",
-    "@streamr/sdk": "^103.2.2",
+    "@streamr/sdk": "^103.3.0-experiment.0",
     "@streamr/streamr-icons": "^0.1.9",
     "@streamr/streamr-layout": "^2.5.3",
     "@tanstack/react-query": "^5.51.21",
@@ -101,7 +101,7 @@
     "rich-markdown-editor": "^11.21.3",
     "storybook": "^8.3.3",
     "stream-browserify": "^3.0.0",
-    "streamr-client-react": "^3.3.0",
+    "streamr-client-react": "^3.4.0",
     "stringify-object": "^5.0.0",
     "styled-components": "^5.3.10",
     "toasterhea": "^1.0.4",

package.json

@@ -35,7 +35,8 @@ export async function getStreamrClientInstance(
  * Returns StreamrClient class.
  */
 async function getStreamrClient() {
-    return (await import('@streamr/sdk')).default
+    const { StreamrClient } = await import('@streamr/sdk')
+    return StreamrClient
 }
 
 // Load the client library proactively so that we don't have to wait later.

src/getters/getStreamrClient.ts

@@ -4,17 +4,6 @@ import { render, RenderResult, screen } from '@testing-library/react'
 import Nav from '~/components/Nav'
 import { useWalletAccount, useEns } from '~/shared/stores/wallet'
 
-/**
- * Jest, even when using the `jsdom` environment, does not respect the `browser` field
- * or `exports.*.browser` overrides in `package.json`. This means that Node-specific files
- * from `@streamr/*` are not automatically swapped for their browser-friendly alternatives.
- *
- * To ensure the correct files are used in tests, the following mapping is required.
- */
-jest.mock('@streamr/dht/dist/src/connection/webrtc/NodeWebrtcConnection', () =>
-    require('@streamr/dht/dist/src/connection/webrtc/BrowserWebrtcConnection'),
-)
-
 jest.mock('~/shared/stores/wallet', () => ({
     __esModule: true,
     useWalletAccount: jest.fn(),

src/shared/test/components/Nav/nav.test.tsx

@@ -1,7 +1,8 @@
-import StreamrClient, {
+import type {
     PermissionAssignment,
     Stream,
     StreamPermission,
+    StreamrClient,
 } from '@streamr/sdk'
 import { useQuery } from '@tanstack/react-query'
 import isEqual from 'lodash/isEqual'