Skip to content

Commit 01c0d60

Browse files
React tutorial adjustments
1 parent a74afd0 commit 01c0d60

File tree

5 files changed

+70
-44
lines changed

5 files changed

+70
-44
lines changed

sample-apps/react-tutorial/package.json

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,16 +12,16 @@
1212
"@stream-io/feeds-react-sdk": "workspace:*",
1313
"@tailwindcss/vite": "^4.1.17",
1414
"daisyui": "^5.5.5",
15-
"react": "^19.0.0",
16-
"react-dom": "^19.0.0",
15+
"react": "^18",
16+
"react-dom": "^18",
1717
"tailwindcss": "^4.1.17",
1818
"unique-username-generator": "^1.5.1"
1919
},
2020
"devDependencies": {
2121
"@eslint/js": "^9.15.0",
22-
"@types/react": "^19.0.0",
23-
"@types/react-dom": "^19.0.0",
24-
"@vitejs/plugin-react": "^4.3.4",
22+
"@types/react": "^18",
23+
"@types/react-dom": "^18",
24+
"@vitejs/plugin-react": "^5",
2525
"eslint": "^9.15.0",
2626
"eslint-plugin-react-hooks": "^5.0.0",
2727
"eslint-plugin-react-refresh": "^0.4.14",

sample-apps/react-tutorial/src/main.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import { StrictMode } from 'react';
22
import { createRoot } from 'react-dom/client';
33
import './index.css';
4-
import App from './App.tsx';
5-
import { ErrorBoundary } from './components/ErrorBoundary.tsx';
4+
import App from './App';
5+
import { ErrorBoundary } from './components/ErrorBoundary';
66

77
createRoot(document.getElementById('root')!).render(
88
<StrictMode>

sample-apps/react-tutorial/src/own-feeds-context.tsx

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,15 @@
1-
import type { Feed } from '@stream-io/feeds-react-sdk';
21
import {
2+
type PropsWithChildren,
3+
createContext,
4+
useContext,
5+
useEffect,
6+
useState,
7+
} from 'react';
8+
import {
9+
type Feed,
310
useClientConnectedUser,
411
useFeedsClient,
512
} from '@stream-io/feeds-react-sdk';
6-
import type { PropsWithChildren } from 'react';
7-
import { createContext, useContext, useEffect, useState } from 'react';
813

914
type OwnFeedsContextValue = {
1015
ownFeed: Feed | undefined;

sample-apps/react-tutorial/src/pages/Profile.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import type { BookmarkResponse, FeedState } from '@stream-io/feeds-client';
1+
import type { BookmarkResponse, FeedState } from '@stream-io/feeds-react-sdk';
22
import {
33
useClientConnectedUser,
44
useFeedsClient,

yarn.lock

Lines changed: 54 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@ __metadata:
107107
languageName: node
108108
linkType: hard
109109

110-
"@babel/core@npm:^7.28.0":
110+
"@babel/core@npm:^7.28.5":
111111
version: 7.28.5
112112
resolution: "@babel/core@npm:7.28.5"
113113
dependencies:
@@ -5982,20 +5982,20 @@ __metadata:
59825982
languageName: node
59835983
linkType: hard
59845984

5985-
"@rolldown/pluginutils@npm:1.0.0-beta.27":
5986-
version: 1.0.0-beta.27
5987-
resolution: "@rolldown/pluginutils@npm:1.0.0-beta.27"
5988-
checksum: b57d8de44534bdbb92e9dda70a29c5b3cb7a13cc3a2efaaf9d27923ca23e2526e9470939fe1d7c6a96623da20aaf96a1517502e1d9a6d4f98fbb544cf502600a
5989-
languageName: node
5990-
linkType: hard
5991-
59925985
"@rolldown/pluginutils@npm:1.0.0-beta.35":
59935986
version: 1.0.0-beta.35
59945987
resolution: "@rolldown/pluginutils@npm:1.0.0-beta.35"
59955988
checksum: 49bb15c2d4e0e37c9082fba6b4270c0b90eda9c84b48529cd5bfcfb232e342d2bd99c2ce3f82108d65347e37799a05f10fb6aa585d688bd5bfa93ad2a4c91ac3
59965989
languageName: node
59975990
linkType: hard
59985991

5992+
"@rolldown/pluginutils@npm:1.0.0-beta.53":
5993+
version: 1.0.0-beta.53
5994+
resolution: "@rolldown/pluginutils@npm:1.0.0-beta.53"
5995+
checksum: ef4dbf6061620f5749879b09a990007ac4da32b92b830c46b8c3240675c7ea6e4cce80a2d0b5e23141eef055444f66cbe51382b7bd169aa63fcae5d07f8f9451
5996+
languageName: node
5997+
linkType: hard
5998+
59995999
"@rollup/pluginutils@npm:^5.1.3":
60006000
version: 5.3.0
60016001
resolution: "@rollup/pluginutils@npm:5.3.0"
@@ -7086,15 +7086,6 @@ __metadata:
70867086
languageName: node
70877087
linkType: hard
70887088

7089-
"@types/react-dom@npm:^19.0.0":
7090-
version: 19.2.3
7091-
resolution: "@types/react-dom@npm:19.2.3"
7092-
peerDependencies:
7093-
"@types/react": ^19.2.0
7094-
checksum: b9c548f7378979cd8384444ae6c96f7a933b98e341c271c33e74231f27bf3082f04ad7c2927f1b1e6d8af35ccf83e549fce4978ebe0a02ded5a8803aa5f80e06
7095-
languageName: node
7096-
linkType: hard
7097-
70987089
"@types/react-test-renderer@npm:19.0.0":
70997090
version: 19.0.0
71007091
resolution: "@types/react-test-renderer@npm:19.0.0"
@@ -8272,19 +8263,19 @@ __metadata:
82728263
languageName: node
82738264
linkType: hard
82748265

8275-
"@vitejs/plugin-react@npm:^4.3.4":
8276-
version: 4.7.0
8277-
resolution: "@vitejs/plugin-react@npm:4.7.0"
8266+
"@vitejs/plugin-react@npm:^5":
8267+
version: 5.1.2
8268+
resolution: "@vitejs/plugin-react@npm:5.1.2"
82788269
dependencies:
8279-
"@babel/core": ^7.28.0
8270+
"@babel/core": ^7.28.5
82808271
"@babel/plugin-transform-react-jsx-self": ^7.27.1
82818272
"@babel/plugin-transform-react-jsx-source": ^7.27.1
8282-
"@rolldown/pluginutils": 1.0.0-beta.27
8273+
"@rolldown/pluginutils": 1.0.0-beta.53
82838274
"@types/babel__core": ^7.20.5
8284-
react-refresh: ^0.17.0
8275+
react-refresh: ^0.18.0
82858276
peerDependencies:
82868277
vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
8287-
checksum: 3e3c4c58f65e8041c4891736613732d572f232bc6b039e74ea00554b94b8010ac246e2f6e099e8b6c474d9c1741e2b166b48fa47fe0093312beefa99a1b13d00
8278+
checksum: 57f4b54d60c30943befe5e2e2a67e9601611a1ae38fc886aeedc18f6fbab008c9afc2f8adf62d1e59b22946de73e2352d0f741a5e5c82c2f4db8998d5c9b8259
82888279
languageName: node
82898280
linkType: hard
82908281

@@ -19236,6 +19227,18 @@ __metadata:
1923619227
languageName: node
1923719228
linkType: hard
1923819229

19230+
"react-dom@npm:^18":
19231+
version: 18.3.1
19232+
resolution: "react-dom@npm:18.3.1"
19233+
dependencies:
19234+
loose-envify: ^1.1.0
19235+
scheduler: ^0.23.2
19236+
peerDependencies:
19237+
react: ^18.3.1
19238+
checksum: 298954ecd8f78288dcaece05e88b570014d8f6dce5db6f66e6ee91448debeb59dcd31561dddb354eee47e6c1bb234669459060deb238ed0213497146e555a0b9
19239+
languageName: node
19240+
linkType: hard
19241+
1923919242
"react-dom@npm:^19.0.0":
1924019243
version: 19.2.0
1924119244
resolution: "react-dom@npm:19.2.0"
@@ -19587,10 +19590,10 @@ __metadata:
1958719590
languageName: node
1958819591
linkType: hard
1958919592

19590-
"react-refresh@npm:^0.17.0":
19591-
version: 0.17.0
19592-
resolution: "react-refresh@npm:0.17.0"
19593-
checksum: e9d23a70543edde879263976d7909cd30c6f698fa372a1240142cf7c8bf99e0396378b9c07c2d39c3a10261d7ba07dc49f990cd8f1ac7b88952e99040a0be5e9
19593+
"react-refresh@npm:^0.18.0":
19594+
version: 0.18.0
19595+
resolution: "react-refresh@npm:0.18.0"
19596+
checksum: c27d236e7b38f4a09c2b0134e6227fa62e2b71edad5f22bab40962fc0deba9e0f16930609a82b6a021ef4b4f0a4d405cf0fbb2b51a0f478809619a8226f20379
1959419597
languageName: node
1959519598
linkType: hard
1959619599

@@ -19708,6 +19711,15 @@ __metadata:
1970819711
languageName: node
1970919712
linkType: hard
1971019713

19714+
"react@npm:^18":
19715+
version: 18.3.1
19716+
resolution: "react@npm:18.3.1"
19717+
dependencies:
19718+
loose-envify: ^1.1.0
19719+
checksum: a27bcfa8ff7c15a1e50244ad0d0c1cb2ad4375eeffefd266a64889beea6f6b64c4966c9b37d14ee32d6c9fcd5aa6ba183b6988167ab4d127d13e7cb5b386a376
19720+
languageName: node
19721+
linkType: hard
19722+
1971119723
"react@npm:^19.0.0":
1971219724
version: 19.2.0
1971319725
resolution: "react@npm:19.2.0"
@@ -20444,6 +20456,15 @@ __metadata:
2044420456
languageName: node
2044520457
linkType: hard
2044620458

20459+
"scheduler@npm:^0.23.2":
20460+
version: 0.23.2
20461+
resolution: "scheduler@npm:0.23.2"
20462+
dependencies:
20463+
loose-envify: ^1.1.0
20464+
checksum: 3e82d1f419e240ef6219d794ff29c7ee415fbdc19e038f680a10c067108e06284f1847450a210b29bbaf97b9d8a97ced5f624c31c681248ac84c80d56ad5a2c4
20465+
languageName: node
20466+
linkType: hard
20467+
2044720468
"scheduler@npm:^0.27.0":
2044820469
version: 0.27.0
2044920470
resolution: "scheduler@npm:0.27.0"
@@ -21141,16 +21162,16 @@ __metadata:
2114121162
"@eslint/js": ^9.15.0
2114221163
"@stream-io/feeds-react-sdk": "workspace:*"
2114321164
"@tailwindcss/vite": ^4.1.17
21144-
"@types/react": ^19.0.0
21145-
"@types/react-dom": ^19.0.0
21146-
"@vitejs/plugin-react": ^4.3.4
21165+
"@types/react": ^18
21166+
"@types/react-dom": ^18
21167+
"@vitejs/plugin-react": ^5
2114721168
daisyui: ^5.5.5
2114821169
eslint: ^9.15.0
2114921170
eslint-plugin-react-hooks: ^5.0.0
2115021171
eslint-plugin-react-refresh: ^0.4.14
2115121172
globals: ^15.12.0
21152-
react: ^19.0.0
21153-
react-dom: ^19.0.0
21173+
react: ^18
21174+
react-dom: ^18
2115421175
tailwindcss: ^4.1.17
2115521176
typescript: ~5.6.2
2115621177
typescript-eslint: ^8.15.0

0 commit comments

Comments
 (0)