fix: stream-feeds-react-tutorial-related adjustments (#191)

🎫 Ticket: https://linear.app/stream/issue/REACT-690

### 💡 Overview

React tutorial sample application had troubles running on React v18 and
lower for seemingly unknown reasons and errors that kept popping up
weren't really telling anything useful either.

The issue was in the monorepo setup and Vite's inability to bundle only
one (specified) version of React into the final application's bundle.

While exploring different approaches and solutions I decided to clean
things up a bit and get rid of some annoying parts, here's the full list
of changes.

- adjusted tsconfig setup in the client, different files with different
purposes
    - `tsconfig.lib.json` - for client types
    - `tsconfig.test.json` - for test files (excluding the source files)
    - `tsconfig.node.json` - for `vite.config.ts`
- removed @self alias imports as a part of the investigation (`tsc` does
not really resolve these when it's compiling declarations and that's why
I had to use `vite-plugin-dts` which is still in beta), they require
some extra setup and are generally not that useful
- Vite does not externalize imports with different entrypoints other
than `"."`, `@stream-io/state-store` is externalized while
`@stream-io/state-store/react-bindings` is treated like a separate
package and gets imported, added regular expressions to prevent subpaths
from being bundled
- ✨main course✨: upgraded Yarn to v4 to be able to use catalog protocol
and cataloged `react`/`react-dom` (types too) versions across the
monorepo to prevent Vite from bundling different React versions and
breaking the dev setup, published SDK works well with React >=v17

Fixes: REACT-690

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
* Broadened React support to include v17 and made file/image upload
parameters optional for more flexible usage.

* **Build & Dependencies**
  * Upgraded Yarn to 4.12.0 and updated workspace build/test scripts.
* Reworked TypeScript project layout and build configs for improved
library declaration output and Node builds.

* **Refactor**
* Internal module/type import and packaging config cleanup;
bundling/export settings adjusted for consistent outputs.

<sub>✏️ Tip: You can customize this high-level summary in your review
settings.</sub>
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Zita Szupera <[email protected]>
Co-authored-by: Ivan Sekovanikj <[email protected]>

Author: 3 people

.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs

@@ -1,15 +1,17 @@
+catalog:
+  "@types/react": ~19.1.0
+  "@types/react-dom": ~19.1.0
+  react: 19.1.0
+  react-dom: 19.1.0
+
 checksumBehavior: update
 
+compressionLevel: mixed
+
+enableGlobalCache: false
+
 initScope: stream-io
 
 nodeLinker: node-modules
 
-plugins:
-  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
-    spec: "@yarnpkg/plugin-interactive-tools"
-  - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
-    spec: "@yarnpkg/plugin-workspace-tools"
-  - path: .yarn/plugins/@yarnpkg/plugin-typescript.cjs
-    spec: "@yarnpkg/plugin-typescript"
-
-yarnPath: .yarn/releases/yarn-3.5.0.cjs
+yarnPath: .yarn/releases/yarn-4.12.0.cjs

.yarn/plugins/@yarnpkg/plugin-typescript.cjs

@@ -2,26 +2,26 @@
   "name": "@stream-io/feeds-js-root",
   "description": "Stream Feeds JS SDKs",
   "author": "https://getstream.io",
-  "packageManager": "yarn@3.5.0",
+  "packageManager": "yarn@4.12.0",
   "private": true,
   "license": "See license in LICENSE",
   "workspaces": [
     "packages/*",
     "sample-apps/**"
   ],
   "scripts": {
-    "build:all": "yarn workspaces foreach -v --topological-dev run build",
-    "build:libs": "yarn workspaces foreach -v --topological-dev --no-private run build",
+    "build:all": "yarn workspaces foreach -Avp --topological-dev run build",
+    "build:libs": "yarn workspaces foreach -Avp --topological-dev --no-private run build",
     "build:client": "yarn workspace @stream-io/feeds-client run build",
     "build:react-native-sdk": "yarn workspace @stream-io/feeds-react-native-sdk run build",
     "build:react-sdk": "yarn workspace @stream-io/feeds-react-sdk run build",
-    "build:react-tutorial": "yarn build:client && yarn build:react-sdk && yarn workspace stream-feeds-react-tutorial run build",
-    "clean:all": "yarn workspaces foreach -vt run clean",
+    "build:react-tutorial": "yarn workspaces foreach -Avp --topological-dev --include '{packages/{feeds-client,react-sdk},sample-apps/react-tutorial}' run build",
+    "clean:all": "yarn workspaces foreach -Avp run clean",
     "lint:all": "eslint --max-warnings=0 --cache '**/*.{ts,tsx}'",
     "lint:all:fix": "eslint --max-warnings=0 '**/*.{ts,tsx}' --fix",
-    "test:ci:all": "yarn workspaces foreach -vt run test-ci",
-    "test:ci:libs": "yarn workspaces foreach -vt --no-private run test-ci",
-    "test:docs-snippets": "yarn workspaces foreach -vt --no-private run test-docs-snippets",
+    "test:ci:all": "yarn workspaces foreach -Avt run test-ci",
+    "test:ci:libs": "yarn workspaces foreach -Avt --no-private run test-ci",
+    "test:docs-snippets": "yarn workspaces foreach -Avt --no-private run test-docs-snippets",
     "generate": "./generate-openapi.sh",
     "lint:gen": "eslint --fix packages/**/src/gen/**/*ts && prettier packages/**/src/gen/**/*ts --write",
     "release": "nx run-many --target version --parallel=1",

.yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs

@@ -4,6 +4,7 @@
   "packageManager": "[email protected]",
   "main": "./dist/cjs/index.js",
   "module": "./dist/es/index.mjs",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -13,7 +14,7 @@
       },
       "import": "./dist/es/index.mjs",
       "require": "./dist/cjs/index.js",
-      "default": "./dist/es/index.mjs"
+      "default": "./dist/cjs/index.js"
     },
     "./react-bindings": {
       "types": "./dist/types/bindings/react/index.d.ts",
@@ -23,15 +24,14 @@
       },
       "import": "./dist/es/react-bindings.mjs",
       "require": "./dist/cjs/react-bindings.js",
-      "default": "./dist/es/react-bindings.mjs"
+      "default": "./dist/cjs/react-bindings.js"
     }
   },
-  "types": "./dist/types/index.d.ts",
   "license": "See license in LICENSE",
   "scripts": {
     "clean": "rimraf dist",
-    "start": "vite build --watch",
-    "build": "vite build",
+    "start": "yarn clean; concurrently 'vite build --watch' 'tsc -p tsconfig.lib.json --watch'",
+    "build": "yarn clean; concurrently 'vite build' 'tsc -p tsconfig.lib.json'",
     "test": "vitest",
     "test:unit": "vitest --exclude '__integration-tests__/**'",
     "test-ci": "vitest --exclude '__integration-tests__/docs-snippets/**' --coverage",
@@ -56,19 +56,18 @@
   },
   "devDependencies": {
     "@stream-io/node-sdk": "0.6.0",
-    "@types/react": "^19.1.8",
+    "@types/react": "catalog:",
     "@vitest/coverage-v8": "3.2.4",
+    "concurrently": "^9.2.1",
     "dotenv": "^16.4.5",
     "human-id": "^4.1.1",
-    "react": "19.0.0",
     "rimraf": "^6.0.1",
-    "typescript": "^5.8.3",
-    "vite": "^7.1.11",
-    "vite-plugin-dts": "^4.5.4",
+    "typescript": "^5.9.3",
+    "vite": "^7",
     "vitest": "^3.2.4"
   },
   "peerDependencies": {
-    "react": "^18 || ^19"
+    "react": "^17 || ^18 || ^19"
   },
   "peerDependenciesMeta": {
     "react": {

.yarn/releases/yarn-3.5.0.cjs

@@ -7,7 +7,7 @@ import {
   disconnectActivityFromFeed,
   isAnyFeedWatched,
 } from '../feeds-client/active-activity';
-import type { GetCommentsRequest } from '@self';
+import type { GetCommentsRequest } from '../types';
 import { deepEqual } from '../utils/deep-equal';
 
 type GetActivityConfig = {
@@ -164,7 +164,7 @@ export class ActivityWithStateUpdates {
   }) {
     this.feed = connectActivityToFeed.call(this.feedsClient, { fid });
 
-    this.feed.state.partialNext({
+    this.feed?.state.partialNext({
       activities: [initialState],
     });
   }

.yarn/releases/yarn-4.12.0.cjs

@@ -1,5 +1,6 @@
 import { createContext, useContext } from 'react';
-import type { Feed } from '@self';
+
+import type { Feed } from '../../../feed';
 
 export const StreamFeedContext = createContext<Feed | undefined>(undefined);