Merge pull request #87 from masagal/send-token-as-set-auth-message

send token as set auth websocket message

src/ApiQueries/useWebSocketChat.ts

@@ -1,19 +1,24 @@
 import { useEffect, useState } from "react";
 import { Message } from "../utils/types";
+import { useAuth } from "@clerk/clerk-react";
 
 const useWebSocketChat = (defaultMessages: Message[]) => {
   const [socket, setSocket] = useState<WebSocket>();
-  const [connectionEstablished, setConnectionEstablished] = useState<boolean>(false);
+  const [connectionEstablished, setConnectionEstablished] =
+    useState<boolean>(false);
   const [messages, setMessages] = useState<Message[]>(defaultMessages);
   const [pendingMessage, setPendingMessage] = useState<boolean>(false);
+  const auth = useAuth();
 
   useEffect(() => {
     const websocketUrl = import.meta.env.VITE_BACKEND_SOCKET_URL;
     const socket = new WebSocket(websocketUrl);
 
-    socket.addEventListener("open", () => {
+    socket.addEventListener("open", async () => {
       setConnectionEstablished(true);
       setSocket(socket);
+      const token = await auth.getToken();
+      socket.send(`Set-Authorization ${token}`);
     });
 
     socket.addEventListener("message", (message) => {