From f4fa1c3b82965be5edfe385a1aeb711d368dd037 Mon Sep 17 00:00:00 2001
From: owenpearson <owen.pearson@ably.com>
Date: Mon, 4 Dec 2023 11:41:49 +0000
Subject: [PATCH] fix: use react-hooks rewind channel option

---
 .../src/hooks/useLiveValue.ts                       | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/examples/vite-component-locking/src/hooks/useLiveValue.ts b/examples/vite-component-locking/src/hooks/useLiveValue.ts
index db6b048..ed4d3c4 100644
--- a/examples/vite-component-locking/src/hooks/useLiveValue.ts
+++ b/examples/vite-component-locking/src/hooks/useLiveValue.ts
@@ -9,11 +9,14 @@ export const useLiveValue = (componentName: string, self: Member | null) => {
   const [value, setValue] = useState("");
 
   /** 💡 Use rewind to get the last message from the channel. See https://ably.com/docs/channels/options/rewind 💡 */
-  const channelName = `[?rewind=1]${getSpaceNameFromUrl()}-${componentName}`;
-  const { channel } = useChannel(channelName, (message: Types.Message) => {
-    if (message.connectionId === self?.connectionId) return;
-    setValue(message.data);
-  });
+  const channelName = `${getSpaceNameFromUrl()}-${componentName}`;
+  const { channel } = useChannel(
+    { channelName, options: { params: { rewind: "1" } } },
+    (message: Types.Message) => {
+      if (message.connectionId === self?.connectionId) return;
+      setValue(message.data);
+    },
+  );
 
   const handleChange = useCallback(
     (nextValue: string) => {