Skip to content
CI

feat: add ChannelDetail component #8992

Sign in to view logs

feat: add ChannelDetail component

feat: add ChannelDetail component #8992

Triggered via pull request June 16, 2026 14:02
@MartinCupelaMartinCupela
synchronize #3221
feat/channel-detail
Status Failure
Total duration 3m 42s
Artifacts –

ci.yml

on: pull_request
Build & Validate
52s
Build & Validate
ESLint & Prettier
1m 6s
ESLint & Prettier
Test
3m 36s
Test
Matrix: Deploy Vite Example to Vercel
Fit to window
Zoom out
Zoom in

Annotations

16 errors
Build & Validate
Process completed with exit code 1.
Build & Validate
Object literal may only specify known properties, and 'allowEmptySearchString' does not exist in type 'SearchSourceOptions'.
Build & Validate
'"stream-chat"' has no exported member named 'ChannelMemberSearchSource'. Did you mean 'ChannelSearchSource'?
Build & Validate
Object literal may only specify known properties, and 'allowEmptySearchString' does not exist in type 'SearchSourceOptions'.
Build & Validate
Object literal may only specify known properties, and 'allowEmptySearchString' does not exist in type 'SearchSourceOptions'.
Build & Validate
Object literal may only specify known properties, and 'allowEmptySearchString' does not exist in type 'SearchSourceOptions'.
Test
Process completed with exit code 1.
src/components/Thread/__tests__/Thread.test.tsx > Thread > should call the loadMoreThread callback on mount if the thread start has a non-zero reply count: src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts#L53
TypeError: channel.on is not a function ❯ src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts:53:64 ❯ Object.react_stack_bottom_frame node_modules/react-dom/cjs/react-dom-client.development.js:25989:20 ❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:874:13 ❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom-client.development.js:13249:29 ❯ commitHookPassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:13336:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15484:13 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11
src/components/Thread/__tests__/Thread.test.tsx > Thread > should not assign str-chat__thread--virtualized class to the root in non-virtualized mode: src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts#L53
TypeError: channel.on is not a function ❯ src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts:53:64 ❯ Object.react_stack_bottom_frame node_modules/react-dom/cjs/react-dom-client.development.js:25989:20 ❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:874:13 ❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom-client.development.js:13249:29 ❯ commitHookPassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:13336:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15484:13 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11
src/components/Thread/__tests__/Thread.test.tsx > Thread > should assign str-chat__thread--virtualized class to the root in virtualized mode: src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts#L53
TypeError: channel.on is not a function ❯ src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts:53:64 ❯ Object.react_stack_bottom_frame node_modules/react-dom/cjs/react-dom-client.development.js:25989:20 ❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:874:13 ❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom-client.development.js:13249:29 ❯ commitHookPassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:13336:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15484:13 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11
src/components/Thread/__tests__/Thread.test.tsx > Thread > should pass messageActions prop to the used messageList: src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts#L53
TypeError: channel.on is not a function ❯ src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts:53:64 ❯ Object.react_stack_bottom_frame node_modules/react-dom/cjs/react-dom-client.development.js:25989:20 ❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:874:13 ❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom-client.development.js:13249:29 ❯ commitHookPassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:13336:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15484:13 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11
src/components/Thread/__tests__/Thread.test.tsx > Thread > should call the closeThread callback if the button is pressed: src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts#L53
TypeError: channel.on is not a function ❯ src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts:53:64 ❯ Object.react_stack_bottom_frame node_modules/react-dom/cjs/react-dom-client.development.js:25989:20 ❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:874:13 ❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom-client.development.js:13249:29 ❯ commitHookPassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:13336:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15484:13 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11
src/components/Thread/__tests__/Thread.test.tsx > Thread > should pass additionalMessageComposerProps to MessageComposer: src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts#L53
TypeError: channel.on is not a function ❯ src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts:53:64 ❯ Object.react_stack_bottom_frame node_modules/react-dom/cjs/react-dom-client.development.js:25989:20 ❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:874:13 ❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom-client.development.js:13249:29 ❯ commitHookPassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:13336:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15484:13 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11
src/components/Thread/__tests__/Thread.test.tsx > Thread > should render the MessageComposer with correct default props: src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts#L53
TypeError: channel.on is not a function ❯ src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts:53:64 ❯ Object.react_stack_bottom_frame node_modules/react-dom/cjs/react-dom-client.development.js:25989:20 ❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:874:13 ❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom-client.development.js:13249:29 ❯ commitHookPassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:13336:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15484:13 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11
src/components/Thread/__tests__/Thread.test.tsx > Thread > should render the MessageList component with date separators if enabled: src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts#L53
TypeError: channel.on is not a function ❯ src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts:53:64 ❯ Object.react_stack_bottom_frame node_modules/react-dom/cjs/react-dom-client.development.js:25989:20 ❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:874:13 ❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom-client.development.js:13249:29 ❯ commitHookPassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:13336:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15484:13 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11
src/components/Thread/__tests__/Thread.test.tsx > Thread > should render the MessageList component with the correct props without date separators: src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts#L53
TypeError: channel.on is not a function ❯ src/components/ChannelListItem/hooks/useChannelPreviewInfo.ts:53:64 ❯ Object.react_stack_bottom_frame node_modules/react-dom/cjs/react-dom-client.development.js:25989:20 ❯ runWithFiberInDEV node_modules/react-dom/cjs/react-dom-client.development.js:874:13 ❯ commitHookEffectListMount node_modules/react-dom/cjs/react-dom-client.development.js:13249:29 ❯ commitHookPassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:13336:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15484:13 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11 ❯ recursivelyTraversePassiveMountEffects node_modules/react-dom/cjs/react-dom-client.development.js:15439:11 ❯ commitPassiveMountOnFiber node_modules/react-dom/cjs/react-dom-client.development.js:15718:11