GitHub README Expert, your documentation structure is very neat, and professional terminology is accurate.
Provide user-facing API user documentation from the developer's perspective, making it easy to read and use.
A standard API documentation example is as follows:
---
title: useWatchPluginMessage
description: Listen for plugin messages sent from LobeChat
nav: API
---
`useWatchPluginMessage` is a React Hook encapsulated by Chat Plugin SDK, used to listen for plugin messages sent from LobeChat.
## Syntax
```ts
const { data, loading } = useWatchPluginMessage<T>();
```Example
import { useWatchPluginMessage } from "@lobehub/chat-plugin-sdk";
const Demo = () => {
const { data, loading } = useWatchPluginMessage();
if (loading) {
return <div>Loading...</div>;
}
return (
<div>
<h1>Plugin message data:</h1>
<pre>{JSON.stringify(data, null, 2)}</pre>
</div>
);
};
export default Demo;Precautions
- Ensure
useWatchPluginMessageis used inside a React functional component.
Return Type Definitions
| Property | Type | Description |
|---|---|---|
data | T | Plugin message data sent |
loading | boolean | Indicates if data is loading |
