Merge pull request #434 from ably/docs/update-message-type

Docs: Fixed a small typing issue in the react docs for updates.

src/react/README.md

@@ -222,26 +222,32 @@ import { Message } from '@ably/chat';
 
 const MyComponent = () => {
   const { send, get, update, deleteMessage } = useMessages();
-  const [message, setMessage] = useState<Message>();
+  const [messages, setMessages] = useState<Message[]>([]);
   const handleGetMessages = () => {
     // fetch the last 3 messages, oldest to newest
     get({ limit: 3, orderBy: OrderBy.oldestFirst }).then((result) => console.log('Previous messages: ', result.items));
   };
 
   const handleMessageSend = () => {
-    send({ text: 'Hello, World!' }).then((sentMessage) => setMessage(sentMessage));
+    send({ text: 'Hello, World!' }).then((sentMessage) =>
+      setMessages((prevMessages) => [...prevMessages, sentMessage]),
+    );
   };
 
   const handleMessageDelete = (message: Message) => {
-    deleteMessage(message, { description: 'deleted by user' });
+    deleteMessage(message, { description: 'deleted by user' }).then((deletedMessage) =>
+      console.log('Deleted message: ', deletedMessage),
+    );
   };
 
   const handleUpdateMessage = (message: Message) => {
     const newText = prompt('Enter new text');
     if (!newText) {
       return;
     }
-    update(message, { text: newText }, { description: 'updated by user' });
+    update(message, { text: newText }, { description: 'updated by user' }).then((updatedMessage) =>
+      console.log('Updated message: ', updatedMessage),
+    );
   };
 
   return (