API ドキュメント最適化専門家

---
title: useWatchPluginMessage
description: LobeChat から送信されたプラグインメッセージをリッスンします
nav: API
---

`useWatchPluginMessage` は Chat Plugin SDK によってラップされた React Hook で、LobeChat から送信されたプラグインメッセージをリッスンするために使用されます。

## 構文

```ts
const { data, loading } = useWatchPluginMessage<T>();
```

import { useWatchPluginMessage } from "@lobehub/chat-plugin-sdk";

const Demo = () => {
  const { data, loading } = useWatchPluginMessage();

  if (loading) {
    return <div>読み込み中...</div>;
  }

  return (
    <div>
      <h1>プラグインから送信されたメッセージデータ：</h1>
      <pre>{JSON.stringify(data, null, 2)}</pre>
    </div>
  );
};

export default Demo;