fixup! Add Chat's React Native getting started guide

Author: GregHolmes

src/pages/docs/chat/getting-started/react-native.mdx

@@ -282,11 +282,7 @@ Update your `ChatApp()` component first by wrapping the contents of the return w
 ```react
 function ChatApp() {
   return (
-    <ChatRoomProvider
-      name="my-first-room"
-      release={true}
-      attach={true}
-    >
+    <ChatRoomProvider name="my-first-room">
       <KeyboardAvoidingView
         className="flex-1"
         behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
@@ -339,7 +335,7 @@ function ChatBox() {
   const [inputValue, setInputValue] = useState('');
   const [messages, setMessages] = useState<Message[]>([]);
 
-  const {send} = useMessages({
+  const {sendMessage} = useMessages({
     listener: (event: ChatMessageEvent) => {
       const message = event.message;
       switch (event.type) {
@@ -356,7 +352,7 @@ function ChatBox() {
 
   const handleSend = () => {
     if (!inputValue.trim()) return;
-    send({text: inputValue.trim()}).catch((err) =>
+    sendMessage({text: inputValue.trim()}).catch((err) =>
       console.error('Error sending message', err),
     );
     setInputValue('');
@@ -405,11 +401,7 @@ Add `ChatBox` component to your `ChatApp` component:
 // Update ChatApp to include ChatBox
 function ChatApp() {
   return (
-    <ChatRoomProvider
-      name="my-first-room"
-      release={true}
-      attach={true}
-    >
+    <ChatRoomProvider name="my-first-room">
       <KeyboardAvoidingView
         className="flex-1"
         behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
@@ -455,9 +447,9 @@ You'll see the message in your app's chat box UI. If you have sent a message via
 
 ## Step 5: Edit a message <a id="step-5"/>
 
-If your client makes a typo, or needs to update their original message then they can edit it. To do this, you can extend the functionality of the `ChatBox` component to allow updating of messages. The `useMessages()` hook exposes the [`update()`](https://sdk.ably.com/builds/ably/ably-chat-js/main/typedoc/interfaces/chat-js.Messages.html#update) method of the Chat SDK [messages](/docs/chat/rooms/messages?lang=react) feature.
+If your client makes a typo, or needs to update their original message then they can edit it. To do this, you can extend the functionality of the `ChatBox` component to allow updating of messages. The `useMessages()` hook exposes the [`updateMessage()`](https://sdk.ably.com/builds/ably/ably-chat-js/main/typedoc/interfaces/chat-js.Messages.html#update) method of the Chat SDK [messages](/docs/chat/rooms/messages?lang=react) feature.
 
-Expose the `update()` method from the `useMessages()` hook and then add a method to the `ChatBox` component to handle the edit action like so:
+Expose the `updateMessage()` method from the `useMessages()` hook and then add a method to the `ChatBox` component to handle the edit action like so:
 
 <Code>
 ```react
@@ -483,7 +475,7 @@ function ChatBox() {
       return;
     }
 
-    update(editingMessage.serial, {text: editText.trim()}, {description: "Message update by user"})
+    updateMessage(editingMessage.serial, {text: editText.trim()}, {description: "Message update by user"})
       .then((updatedMsg: Message) => {
         console.log('Message updated:', updatedMsg);
         setEditModalVisible(false);
@@ -499,7 +491,7 @@ function ChatBox() {
       });
 
       console.log('Update function completed');
-  }, [editingMessage, editText, update]);
+  }, [editingMessage, editText, updateMessage]);
 
   const handleChange = (newValue: string) => {
     setInputValue(newValue);
@@ -606,7 +598,7 @@ Update the listener provided to the `useMessages()` hook to handle the `ChatMess
 <Code>
 ```react
 // ChatApp.tsx - Replace the useMessages hook with the following:
-const {send, update} = useMessages({
+const {sendMessage, updateMessage} = useMessages({
   listener: (event: ChatMessageEvent) => {
     const message = event.message;
     switch (event.type) {
@@ -659,7 +651,7 @@ In your `ChatApp.tsx` file, add the following `useEffect` to your `ChatBox` comp
 function ChatBox() {
   // ...existing code...
 
-  const {send, update, historyBeforeSubscribe} = useMessages({
+  const {sendMessage, updateMessage, historyBeforeSubscribe} = useMessages({
     // ...existing code...
   });
 
@@ -837,7 +829,7 @@ In your `ChatApp.tsx` file, add a new component called `ReactionComponent`, like
 function ReactionComponent() {
   const reactions = ['👍', '❤️', '💥', '🚀', '👎', '💔'];
   const [roomReactions, setRoomReactions] = useState<Reaction[]>([]);
-  const {send} = useRoomReactions({
+  const {sendReaction} = useRoomReactions({
     listener: (reactionEvent) => {
       setRoomReactions((prev) => [...prev, reactionEvent.reaction]);
     },
@@ -851,7 +843,7 @@ function ReactionComponent() {
           <TouchableOpacity
             key={reaction}
             onPress={() =>
-              send({name: reaction}).catch((err) =>
+              sendReaction({name: reaction}).catch((err) =>
                 console.error('Error sending reaction', err),
               )
             }