@liveblocks/react 0.18.1 → 0.18.2

package/index.d.ts

@@ -318,16 +318,6 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
      * );
      */
     useOthersMapped<T>(itemSelector: (other: User<TPresence, TUserMeta>) => T, itemIsEqual?: (prev: T, curr: T) => boolean): ReadonlyArray<readonly [connectionId: number, data: T]>;
-    /**
-     * Given a connection ID (as obtained by using `useOthersConnectionIds`), you can
-     * call this selector deep down in your component stack to only have the
-     * component re-render if properties for this particular user change.
-     *
-     * @example
-     * // Returns full user and re-renders whenever anything on the user changes
-     * const secondUser = useOther(2);
-     */
-    useOther(connectionId: number): User<TPresence, TUserMeta>;
     /**
      * Given a connection ID (as obtained by using `useOthersConnectionIds`), you
      * can call this selector deep down in your component stack to only have the
@@ -635,17 +625,6 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
          * );
          */
         useOthersMapped<T>(itemSelector: (other: User<TPresence, TUserMeta>) => T, itemIsEqual?: (prev: T, curr: T) => boolean): ReadonlyArray<readonly [connectionId: number, data: T]>;
-        /**
-         * Given a connection ID (as obtained by using `useOthersConnectionIds`),
-         * you can call this selector deep down in your component stack to only
-         * have the component re-render if properties for this particular user
-         * change.
-         *
-         * @example
-         * // Returns full user and re-renders whenever anything on the user changes
-         * const secondUser = useOther(2);
-         */
-        useOther(connectionId: number): User<TPresence, TUserMeta>;
         /**
          * Given a connection ID (as obtained by using `useOthersConnectionIds`),
          * you can call this selector deep down in your component stack to only

package/index.js

@@ -164,50 +164,41 @@ function createRoomContext(client) {
     );
     return useOthers(wrappedSelector, wrappedIsEqual);
   }
-  const sentinel = Symbol();
+  const NOT_FOUND = Symbol();
   function useOther(connectionId, selector, isEqual) {
-    const _useCallback = React2.useCallback;
-    const _useOthers = useOthers;
-    if (selector === void 0) {
-      const selector2 = _useCallback(
-        (others) => others.find((other2) => other2.connectionId === connectionId),
-        [connectionId]
-      );
-      const other = _useOthers(selector2, _client.shallow);
-      if (other === void 0) {
-        throw new Error(
-          `No such other user with connection id ${connectionId} exists`
+    const lastKnownValue = React2.useRef(NOT_FOUND);
+    const wrappedSelector = React2.useCallback(
+      (others) => {
+        const other2 = others.find(
+          (other3) => other3.connectionId === connectionId
         );
-      }
-      return other;
-    } else {
-      const wrappedSelector = _useCallback(
-        (others) => {
-          const other2 = others.find(
-            (other3) => other3.connectionId === connectionId
-          );
-          return other2 !== void 0 ? selector(other2) : sentinel;
-        },
-        [connectionId, selector]
-      );
-      const wrappedIsEqual = _useCallback(
-        (prev, curr) => {
-          if (prev === sentinel || curr === sentinel) {
-            return prev === curr;
-          }
-          const eq = isEqual != null ? isEqual : Object.is;
-          return eq(prev, curr);
-        },
-        [isEqual]
+        if (other2 !== void 0) {
+          const value = selector(other2);
+          lastKnownValue.current = value;
+          return value;
+        } else {
+          return lastKnownValue.current;
+        }
+      },
+      [connectionId, selector]
+    );
+    const wrappedIsEqual = React2.useCallback(
+      (prev, curr) => {
+        if (prev === NOT_FOUND || curr === NOT_FOUND) {
+          return prev === curr;
+        }
+        const eq = isEqual != null ? isEqual : Object.is;
+        return eq(prev, curr);
+      },
+      [isEqual]
+    );
+    const other = useOthers(wrappedSelector, wrappedIsEqual);
+    if (other === NOT_FOUND) {
+      throw new Error(
+        `No such other user with connection id ${connectionId} exists`
       );
-      const other = _useOthers(wrappedSelector, wrappedIsEqual);
-      if (other === sentinel) {
-        throw new Error(
-          `No such other user with connection id ${connectionId} exists`
-        );
-      }
-      return other;
     }
+    return other;
   }
   function useBroadcastEvent() {
     const room = useRoom();
@@ -443,11 +434,7 @@ function createRoomContext(client) {
   }
   function useOtherSuspense(connectionId, selector, isEqual) {
     useSuspendUntilPresenceLoaded();
-    return useOther(
-      connectionId,
-      selector,
-      isEqual
-    );
+    return useOther(connectionId, selector, isEqual);
   }
   function useLegacyKeySuspense(key) {
     useSuspendUntilStorageLoaded();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/react",
-  "version": "0.18.1",
+  "version": "0.18.2",
   "description": "A set of React hooks and providers to use Liveblocks declaratively.",
   "main": "./index.js",
   "module": "./index.mjs",
@@ -27,7 +27,7 @@
     "use-sync-external-store": "^1.2.0"
   },
   "peerDependencies": {
-    "@liveblocks/client": "0.18.1",
+    "@liveblocks/client": "0.18.2",
     "react": "^16.14.0 || ^17 || ^18"
   },
   "repository": {

package/.built-by-link-script

@@ -1 +0,0 @@
-ab4dc80c03188cfbc87c124cad9c824347a785b0