OpenChannel에서 메세지를 2개 연속 작성할 경우 Hooks error 발생

1

image
image1225×1152 204 KB

// package.json
  "dependencies": {
    "@sendbird/uikit-react": "^3.15.11",
    "@tanstack/react-query": "^5.62.9",
    "clsx": "^2.1.1",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-easy-crop": "^5.2.0",
    "react-spring": "^9.7.5",
    "viem": "2.x",
    "wagmi": "^2.14.4"
  },
  "devDependencies": {
    "@eslint/js": "^9.15.0",
    "@types/react": "^18.3.12",
    "@types/react-dom": "^18.3.1",
    "@vitejs/plugin-react": "^4.3.4",
    "eslint": "^9.15.0",
    "eslint-plugin-react-hooks": "^5.0.0",
    "eslint-plugin-react-refresh": "^0.4.14",
    "globals": "^15.12.0",
    "typescript": "~5.6.2",
    "typescript-eslint": "^8.15.0",
    "vite": "^6.0.1"
  }

// App.tsx
import { SendBirdProvider } from "@sendbird/uikit-react";
import { OpenChannelProvider } from "@sendbird/uikit-react/OpenChannel/context";
import OpenChannelUI from "@sendbird/uikit-react/OpenChannel/components/OpenChannelUI";
import "@sendbird/uikit-react/dist/index.css";


const App = () => {
  return (
    <SendBirdProvider appId={APP_ID} userId="user123">
      <OpenChannelProvider channelUrl="channel1">
        <OpenChannelUI />
      </OpenChannelProvider>
    </SendBirdProvider>
  );
};

export default App;

샘플코드를 보고 작성했는데, 2명의 유저가 주거니 받거니 대화를 하면 에러가 발생하지 않는데,
한명이 2개 이상의 채팅을 연달아 작성할 경우 계속해서 저 에러가 발생하네요.
코드에는 그 어떤 hook도 사용하지 않고 위 코드만 작성했습니다.
provider와 UI 컴포넌트가 아닌 컴포넌트를 사용해도 현상은 동일합니다