removed the remote curosr completely on canvas when a user left the room

Author: jujupro

Dockerrun.aws.json

@@ -12,7 +12,7 @@
   "Environment": [
     {
       "Name": "API_BASE_URL",
-      "Value": "Reactype-v17env.eba-sw2fhsbj.us-east-1.elasticbeanstalk.com"
+      "Value": "Reactype-v19env.eba-sw2fhsbj.us-east-1.elasticbeanstalk.com"
     }
   ]
 }

app/src/components/main/Canvas.tsx

@@ -97,10 +97,10 @@ function Canvas(props: {}): JSX.Element {
   // Removes the mouse cursor of the user that leaves the collaboration room.
   const handleCursorDeleteFromServer = () => {
     setRemoteCursors((prevRemoteCursors) =>
-      prevRemoteCursors.map((cursor) => ({
-        ...cursor,
-        isVisible: userList.includes(cursor.remoteUserName)
-      }))
+      // filter cursors to include only those in the userList
+      prevRemoteCursors.filter((cursor) =>
+        userList.includes(cursor.remoteUserName)
+      )
     );
   };