@liveblocks/react 0.17.11-debug1 → 0.18.0-beta0

package/.built-by-link-script

@@ -1 +1 @@
-7a145c07616c7ce057d49178c31d7436fb2ab297
+11a0666afa7ed3e5356b3c304466109fb37d8b87

package/index.d.ts

@@ -1,27 +1,19 @@
-import { Client, JsonObject, LsonObject, BaseUserMeta, Json, Room, BroadcastOptions, History, Others, User, LiveObject, Lson, LiveList, LiveMap } from '@liveblocks/client';
+import { JsonObject, LsonObject, LiveObject, BaseUserMeta, Json, Client, Room, BroadcastOptions, History, Others, User } from '@liveblocks/client';
 export { Json, JsonObject } from '@liveblocks/client';
+import { ToImmutable, Resolve, RoomInitializers } from '@liveblocks/client/internal';
 import * as React from 'react';
-import { Resolve, RoomInitializers } from '@liveblocks/client/internal';
 
-declare type LiveblocksProviderProps = {
-    children: React.ReactNode;
-    client: Client;
-};
-/**
- * Makes the Liveblocks client available in the component hierarchy below.
- *
- * @deprecated LiveblocksProvider is no longer needed in your component tree if
- * you set up your Liveblocks context using `createRoomContext()`. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for
- * details.
- */
-declare function LiveblocksProvider(props: LiveblocksProviderProps): JSX.Element;
 /**
- * Returns the Client of the nearest LiveblocksProvider above in the React
- * component tree.
+ * For any function type, returns a similar function type, but without the
+ * first argument.
  */
-declare function useClient(): Client;
-
+declare type OmitFirstArg<F> = F extends (first: any, ...rest: infer A) => infer R ? (...args: A) => R : never;
+declare type MutationContext<TPresence extends JsonObject, TStorage extends LsonObject> = {
+    root: LiveObject<TStorage>;
+    setMyPresence: (patch: Partial<TPresence>, options?: {
+        addToHistory: boolean;
+    }) => void;
+};
 declare type RoomProviderProps<TPresence extends JsonObject, TStorage extends LsonObject> = Resolve<{
     /**
      * The id of the room you want to connect to
@@ -131,6 +123,33 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
      * const object = useObject("obj");
      */
     useObject<TKey extends Extract<keyof TStorage, string>>(key: TKey): TStorage[TKey] | null;
+    /**
+     * Returns your entire Liveblocks Storage as an immutable data structure.
+     *
+     * @example
+     * const root = useStorage();
+     */
+    useStorage(): ToImmutable<TStorage> | null;
+    /**
+     * Extract arbitrary data from the Liveblocks Storage state, using an
+     * arbitrary selector function.
+     *
+     * The selector function will get re-evaluated any time something changes in
+     * Storage. The value returned by your selector function will also be the
+     * value returned by the hook.
+     *
+     * The `root` value that gets passed to your selector function is
+     * a immutable/readonly version of your Liveblocks storage root.
+     *
+     * The component that uses this hook will automatically re-render if the
+     * returned value changes.
+     *
+     * By default `useStorage()` uses strict `===` to check for equality. Take
+     * extra care when returning a computed object or list, for example when you
+     * return the result of a .map() or .filter() call from the selector. In
+     * those cases, you'll probably want to use a `shallow` comparison check.
+     */
+    useStorage<T>(selector: (root: ToImmutable<TStorage>) => T, isEqual?: (a: T, b: T) => boolean): T | null;
     /**
      * Returns the presence of the current user of the current room, and a function to update it.
      * It is different from the setState function returned by the useState hook from React.
@@ -145,27 +164,52 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
      */
     useMyPresence(): [
         TPresence,
-        (overrides: Partial<TPresence>, options?: {
+        (patch: Partial<TPresence>, options?: {
             addToHistory: boolean;
         }) => void
     ];
     /**
-     * Returns an object that lets you get information about all the the users currently connected in the room.
+     * Returns an object that lets you get information about all the users
+     * currently connected in the room.
      *
      * @example
      * const others = useOthers();
      *
      * // Example to map all cursors in JSX
-     * {
-     *   others.map((user) => {
-     *     if (user.presence?.cursor == null) {
-     *       return null;
-     *     }
-     *     return <Cursor key={user.connectionId} cursor={user.presence.cursor} />
-     *   })
-     * }
+     * return (
+     *   <>
+     *     {others.map((user) => {
+     *        if (user.presence.cursor == null) {
+     *          return null;
+     *        }
+     *        return <Cursor key={user.connectionId} cursor={user.presence.cursor} />
+     *      })}
+     *   </>
+     * )
      */
     useOthers(): Others<TPresence, TUserMeta>;
+    /**
+     * Extract arbitrary data based on all the users currently connected in the
+     * room (except yourself).
+     *
+     * The selector function will get re-evaluated any time a user enters or
+     * leaves the room, as well as whenever their presence data changes.
+     *
+     * The component that uses this hook will automatically re-render if your
+     * selector function returns a different value from its previous run.
+     *
+     * By default `useOthers()` uses strict `===` to check for equality. Take
+     * extra care when returning a computed object or list, for example when you
+     * return the result of a .map() or .filter() call from the selector. In
+     * those cases, you'll probably want to use a `shallow` comparison check.
+     *
+     * @example
+     * const avatars = useOthers(users => users.map(u => u.info.avatar), shallow);
+     * const cursors = useOthers(users => users.map(u => u.presence.cursor), shallow);
+     * const someoneIsTyping = useOthers(users => users.some(u => u.presence.isTyping));
+     *
+     */
+    useOthers<T>(selector: (others: Others<TPresence, TUserMeta>) => T, isEqual?: (a: T, b: T) => boolean): T;
     /**
      * Returns the Room of the nearest RoomProvider above in the React component
      * tree.
@@ -175,22 +219,42 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
      * Gets the current user once it is connected to the room.
      *
      * @example
-     * const user = useSelf();
+     * const me = useSelf();
+     * const { x, y } = me.presence.cursor;
      */
     useSelf(): User<TPresence, TUserMeta> | null;
     /**
-     * Returns the LiveObject instance that is the root of your entire Liveblocks
-     * Storage.
+     * Extract arbitrary data based on the current user.
+     *
+     * The selector function will get re-evaluated any time your presence data
+     * changes.
+     *
+     * The component that uses this hook will automatically re-render if your
+     * selector function returns a different value from its previous run.
+     *
+     * By default `useSelf()` uses strict `===` to check for equality. Take extra
+     * care when returning a computed object or list, for example when you return
+     * the result of a .map() or .filter() call from the selector. In those
+     * cases, you'll probably want to use a `shallow` comparison check.
+     *
+     * Will return `null` while Liveblocks isn't connected to a room yet.
      *
      * @example
-     * const [root] = useStorageRoot();
+     * const cursor = useSelf(me => me.presence.cursor);
+     * if (cursor !== null) {
+     *   const { x, y } = cursor;
+     * }
+     *
      */
-    useStorageRoot(): [root: LiveObject<TStorage> | null];
+    useSelf<T>(selector: (me: User<TPresence, TUserMeta>) => T, isEqual?: (a: T, b: T) => boolean): T | null;
     /**
-     * @deprecated In the next major version, we're changing the meaning of `useStorage()`.
-     * Please use `useStorageRoot()` instead for the current behavior.
+     * Returns the mutable (!) Storage root. This hook exists for
+     * backward-compatible reasons.
+     *
+     * @example
+     * const [root] = useStorageRoot();
      */
-    useStorage(): [root: LiveObject<TStorage> | null];
+    useStorageRoot(): [root: LiveObject<TStorage> | null];
     /**
      * useUpdateMyPresence is similar to useMyPresence but it only returns the function to update the current user presence.
      * If you don't use the current user presence in your component, but you need to update it (e.g. live cursor), it's better to use useUpdateMyPresence to avoid unnecessary renders.
@@ -202,206 +266,19 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
      *
      * // At the next render, the presence of the current user will be equal to "{ x: 0, y: 0 }"
      */
-    useUpdateMyPresence(): (overrides: Partial<TPresence>, options?: {
+    useUpdateMyPresence(): (patch: Partial<TPresence>, options?: {
         addToHistory: boolean;
     }) => void;
-    /**
-     * Returns the LiveList associated with the provided key.
-     * The hook triggers a re-render if the LiveList is updated, however it does not triggers a re-render if a nested CRDT is updated.
-     *
-     * @param key The storage key associated with the LiveList
-     * @returns null while the storage is loading, otherwise, returns the LiveList associated to the storage
-     *
-     * @example
-     * const animals = useList("animals");  // e.g. [] or ["🦁", "🐍", "🦍"]
-     */
-    useList_deprecated<TValue extends Lson>(key: string): LiveList<TValue> | null;
-    /**
-     * @deprecated We no longer recommend initializing the
-     * items from the useList() hook. For details, see https://bit.ly/3Niy5aP.
-     */
-    useList_deprecated<TValue extends Lson>(key: string, items: TValue[]): LiveList<TValue> | null;
-    /**
-     * Returns the LiveMap associated with the provided key. If the LiveMap does not exist, a new empty LiveMap will be created.
-     * The hook triggers a re-render if the LiveMap is updated, however it does not triggers a re-render if a nested CRDT is updated.
-     *
-     * @param key The storage key associated with the LiveMap
-     * @returns null while the storage is loading, otherwise, returns the LiveMap associated to the storage
-     *
-     * @example
-     * const shapesById = useMap("shapes");
-     */
-    useMap_deprecated<TKey extends string, TValue extends Lson>(key: string): LiveMap<TKey, TValue> | null;
-    /**
-     * @deprecated We no longer recommend initializing the
-     * entries from the useMap() hook. For details, see https://bit.ly/3Niy5aP.
-     */
-    useMap_deprecated<TKey extends string, TValue extends Lson>(key: string, entries: readonly (readonly [TKey, TValue])[] | null): LiveMap<TKey, TValue> | null;
-    /**
-     * Returns the LiveObject associated with the provided key.
-     * The hook triggers a re-render if the LiveObject is updated, however it does not triggers a re-render if a nested CRDT is updated.
-     *
-     * @param key The storage key associated with the LiveObject
-     * @returns null while the storage is loading, otherwise, returns the LveObject associated to the storage
-     *
-     * @example
-     * const object = useObject("obj");
-     */
-    useObject_deprecated<TData extends LsonObject>(key: string): LiveObject<TData> | null;
-    /**
-     * @deprecated We no longer recommend initializing the fields from the
-     * useObject() hook. For details, see https://bit.ly/3Niy5aP.
-     */
-    useObject_deprecated<TData extends LsonObject>(key: string, initialData: TData): LiveObject<TData> | null;
+    useMutation<F extends (context: MutationContext<TPresence, TStorage>, ...args: any[]) => any>(callback: F, deps?: unknown[]): OmitFirstArg<F>;
+    suspense: {
+        useStorage(): ToImmutable<TStorage>;
+        useStorage<T>(selector: (root: ToImmutable<TStorage>) => T, isEqual?: (a: T, b: T) => boolean): T;
+        useSelf(): User<TPresence, TUserMeta>;
+        useSelf<T>(selector: (me: User<TPresence, TUserMeta>) => T, isEqual?: (a: T, b: T) => boolean): T;
+        useOthers(): Others<TPresence, TUserMeta>;
+        useOthers<T>(selector: (others: Others<TPresence, TUserMeta>) => T, isEqual?: (a: T, b: T) => boolean): T;
+    };
 };
 declare function createRoomContext<TPresence extends JsonObject, TStorage extends LsonObject = LsonObject, TUserMeta extends BaseUserMeta = BaseUserMeta, TRoomEvent extends Json = never>(client: Client): RoomContextBundle<TPresence, TStorage, TUserMeta, TRoomEvent>;
 
-/**
- * NOTE:
- * This file is AUTOGENERATED!
- *
- * Do not update it manually.
- */
-
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `RoomProvider` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function RoomProvider<TPresence extends JsonObject, TStorage extends LsonObject>(props: RoomProviderProps<TPresence, TStorage>): JSX.Element;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useBatch` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useBatch(): (callback: () => void) => void;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useBroadcastEvent` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useBroadcastEvent<TRoomEvent extends Json>(): (event: TRoomEvent, options?: BroadcastOptions) => void;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useErrorListener` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useErrorListener(callback: (err: Error) => void): void;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useEventListener` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useEventListener<TRoomEvent extends Json>(callback: (eventData: {
-    connectionId: number;
-    event: TRoomEvent;
-}) => void): void;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useHistory` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useHistory(): History;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useMyPresence` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useMyPresence<TPresence extends JsonObject>(): [
-    TPresence,
-    (overrides: Partial<TPresence>, options?: {
-        addToHistory: boolean;
-    }) => void
-];
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useOthers` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useOthers<TPresence extends JsonObject, TUserMeta extends BaseUserMeta>(): Others<TPresence, TUserMeta>;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useRedo` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useRedo(): () => void;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useRoom` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useRoom<TPresence extends JsonObject, TStorage extends LsonObject, TUserMeta extends BaseUserMeta, TRoomEvent extends Json>(): Room<TPresence, TStorage, TUserMeta, TRoomEvent>;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useSelf` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useSelf<TPresence extends JsonObject, TUserMeta extends BaseUserMeta>(): User<TPresence, TUserMeta> | null;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useStorageRoot` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useStorageRoot<TStorage extends LsonObject>(): [
-    root: LiveObject<TStorage> | null
-];
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useStorage` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useStorage<TStorage extends LsonObject>(): [
-    root: LiveObject<TStorage> | null
-];
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useUndo` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useUndo(): () => void;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useUpdateMyPresence` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useUpdateMyPresence<TPresence extends JsonObject>(): (overrides: Partial<TPresence>, options?: {
-    addToHistory: boolean;
-}) => void;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useList` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useList<TValue extends Lson>(key: string): LiveList<TValue> | null;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useList` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useList<TValue extends Lson>(key: string, items: TValue[]): LiveList<TValue> | null;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useMap` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useMap<TKey extends string, TValue extends Lson>(key: string): LiveMap<TKey, TValue> | null;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useMap` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useMap<TKey extends string, TValue extends Lson>(key: string, entries: readonly (readonly [TKey, TValue])[] | null): LiveMap<TKey, TValue> | null;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useObject` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useObject<TData extends LsonObject>(key: string): LiveObject<TData> | null;
-/**
- * @deprecated Please use `createRoomContext()` instead of importing
- * `useObject` from `@liveblocks/react` directly. See
- * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
- */
-declare function useObject<TData extends LsonObject>(key: string, initialData: TData): LiveObject<TData> | null;
-
-export { LiveblocksProvider, RoomProvider, createRoomContext, useBatch, useBroadcastEvent, useClient, useErrorListener, useEventListener, useHistory, useList, useMap, useMyPresence, useObject, useOthers, useRedo, useRoom, useSelf, useStorage, useStorageRoot, useUndo, useUpdateMyPresence };
+export { MutationContext, createRoomContext };

package/index.js

@@ -1,48 +1,7 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/client.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }// src/factory.tsx
 var _internal = require('@liveblocks/client/internal');
-var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react);
-var ClientContext = React.createContext(null);
-function LiveblocksProvider(props) {
-  _internal.deprecate.call(void 0, 
-    "LiveblocksProvider is no longer needed in your component tree if you set up your Liveblocks context using `createRoomContext()`. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return /* @__PURE__ */ React.createElement(ClientContext.Provider, {
-    value: props.client
-  }, props.children);
-}
-function useClient() {
-  const client = React.useContext(ClientContext);
-  if (client == null) {
-    throw new Error("LiveblocksProvider is missing from the react tree");
-  }
-  return client;
-}
-
-// src/factory.tsx
-var _client2 = require('@liveblocks/client');
-
-
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _withselector = require('use-sync-external-store/shim/with-selector');
 
 // src/hooks.ts
 
@@ -53,27 +12,31 @@ function useRerender() {
   );
   return update;
 }
+function useInitial(value) {
+  return _react.useRef.call(void 0, value).current;
+}
 
 // src/factory.tsx
-function useInitial(value) {
-  return React2.useRef(value).current;
+var noop = () => {
+};
+var identity = (x) => x;
+var EMPTY_OTHERS = [];
+Object.defineProperty(EMPTY_OTHERS, "count", {
+  value: 0,
+  enumerable: false
+});
+Object.defineProperty(EMPTY_OTHERS, "toArray", {
+  value: () => EMPTY_OTHERS,
+  enumerable: false
+});
+_internal.freeze.call(void 0, EMPTY_OTHERS);
+function getEmptyOthers() {
+  return EMPTY_OTHERS;
 }
 function createRoomContext(client) {
-  let useClient2;
-  if (client !== "__legacy") {
-    useClient2 = () => client;
-  } else {
-    useClient2 = useClient;
-  }
-  const RoomContext = React2.createContext(null);
-  function RoomProvider2(props) {
-    const {
-      id: roomId,
-      initialPresence,
-      initialStorage,
-      defaultPresence,
-      defaultStorageRoot
-    } = props;
+  const RoomContext = React.createContext(null);
+  function RoomProvider(props) {
+    const { id: roomId, initialPresence, initialStorage } = props;
     if (process.env.NODE_ENV !== "production") {
       if (roomId == null) {
         throw new Error(
@@ -84,374 +47,186 @@ function createRoomContext(client) {
         throw new Error("RoomProvider id property should be a string.");
       }
     }
-    _internal.errorIf.call(void 0, 
-      defaultPresence,
-      "RoomProvider's `defaultPresence` prop will be removed in @liveblocks/react 0.18. Please use `initialPresence` instead. For more info, see https://bit.ly/3Niy5aP"
-    );
-    _internal.errorIf.call(void 0, 
-      defaultStorageRoot,
-      "RoomProvider's `defaultStorageRoot` prop will be removed in @liveblocks/react 0.18. Please use `initialStorage` instead. For more info, see https://bit.ly/3Niy5aP"
-    );
-    const _client = useClient2();
     const frozen = useInitial({
       initialPresence,
-      initialStorage,
-      defaultPresence,
-      defaultStorageRoot
+      initialStorage
     });
-    const [room, setRoom] = React2.useState(
-      () => _client.enter(roomId, {
+    const [room, setRoom] = React.useState(
+      () => client.enter(roomId, {
         initialPresence,
         initialStorage,
-        defaultPresence,
-        defaultStorageRoot,
         DO_NOT_USE_withoutConnecting: typeof window === "undefined"
       })
     );
-    React2.useEffect(() => {
+    React.useEffect(() => {
       setRoom(
-        _client.enter(roomId, {
+        client.enter(roomId, {
           initialPresence: frozen.initialPresence,
           initialStorage: frozen.initialStorage,
-          defaultPresence: frozen.defaultPresence,
-          defaultStorageRoot: frozen.defaultStorageRoot,
           DO_NOT_USE_withoutConnecting: typeof window === "undefined"
         })
       );
       return () => {
-        _client.leave(roomId);
+        client.leave(roomId);
       };
-    }, [_client, roomId, frozen]);
-    return /* @__PURE__ */ React2.createElement(RoomContext.Provider, {
+    }, [roomId, frozen]);
+    return /* @__PURE__ */ React.createElement(RoomContext.Provider, {
       value: room
     }, props.children);
   }
-  function useRoom2() {
-    const room = React2.useContext(RoomContext);
+  function useRoom() {
+    const room = React.useContext(RoomContext);
     if (room == null) {
       throw new Error("RoomProvider is missing from the react tree");
     }
     return room;
   }
-  function useMyPresence2() {
-    const room = useRoom2();
+  function useMyPresence() {
+    const room = useRoom();
     const presence = room.getPresence();
     const rerender = useRerender();
-    React2.useEffect(() => {
-      const unsubscribe = room.subscribe("my-presence", rerender);
-      return () => {
-        unsubscribe();
-      };
-    }, [room, rerender]);
-    const setPresence = React2.useCallback(
-      (overrides, options) => room.updatePresence(overrides, options),
+    React.useEffect(() => room.events.me.subscribe(rerender), [room, rerender]);
+    const setPresence = React.useCallback(
+      (patch, options) => room.updatePresence(patch, options),
       [room]
     );
     return [presence, setPresence];
   }
-  function useUpdateMyPresence2() {
-    const room = useRoom2();
-    return React2.useCallback(
-      (overrides, options) => {
-        room.updatePresence(overrides, options);
-      },
+  function useUpdateMyPresence() {
+    return useRoom().updatePresence;
+  }
+  function useOthers(selector, isEqual) {
+    const room = useRoom();
+    const subscribe = room.events.others.subscribe;
+    const getSnapshot = React.useCallback(
+      () => room.getOthers(),
       [room]
     );
+    const getServerSnapshot = getEmptyOthers;
+    return _withselector.useSyncExternalStoreWithSelector.call(void 0, 
+      subscribe,
+      getSnapshot,
+      getServerSnapshot,
+      selector != null ? selector : identity,
+      isEqual
+    );
   }
-  function useOthers2() {
-    const room = useRoom2();
-    const rerender = useRerender();
-    React2.useEffect(() => {
-      const unsubscribe = room.subscribe("others", rerender);
-      return () => {
-        unsubscribe();
-      };
-    }, [room, rerender]);
-    return room.getOthers();
-  }
-  function useBroadcastEvent2() {
-    const room = useRoom2();
-    return React2.useCallback(
+  function useBroadcastEvent() {
+    const room = useRoom();
+    return React.useCallback(
       (event, options = { shouldQueueEventIfNotReady: false }) => {
         room.broadcastEvent(event, options);
       },
       [room]
     );
   }
-  function useErrorListener2(callback) {
-    const room = useRoom2();
-    const savedCallback = React2.useRef(callback);
-    React2.useEffect(() => {
+  function useErrorListener(callback) {
+    const room = useRoom();
+    const savedCallback = React.useRef(callback);
+    React.useEffect(() => {
       savedCallback.current = callback;
     });
-    React2.useEffect(() => {
-      const listener = (e) => savedCallback.current(e);
-      const unsubscribe = room.subscribe("error", listener);
-      return () => {
-        unsubscribe();
-      };
-    }, [room]);
+    React.useEffect(
+      () => room.events.error.subscribe((e) => savedCallback.current(e)),
+      [room]
+    );
   }
-  function useEventListener2(callback) {
-    const room = useRoom2();
-    const savedCallback = React2.useRef(callback);
-    React2.useEffect(() => {
+  function useEventListener(callback) {
+    const room = useRoom();
+    const savedCallback = React.useRef(callback);
+    React.useEffect(() => {
       savedCallback.current = callback;
     });
-    React2.useEffect(() => {
+    React.useEffect(() => {
       const listener = (eventData) => {
         savedCallback.current(eventData);
       };
-      const unsubscribe = room.subscribe("event", listener);
-      return () => {
-        unsubscribe();
-      };
-    }, [room]);
-  }
-  function useSelf2() {
-    const room = useRoom2();
-    const rerender = useRerender();
-    React2.useEffect(() => {
-      const unsubscribePresence = room.subscribe("my-presence", rerender);
-      const unsubscribeConnection = room.subscribe("connection", rerender);
-      return () => {
-        unsubscribePresence();
-        unsubscribeConnection();
-      };
-    }, [room, rerender]);
-    return room.getSelf();
-  }
-  function useStorageRoot2() {
-    const room = useRoom2();
-    const [root, setState] = React2.useState(null);
-    React2.useEffect(() => {
-      let didCancel = false;
-      function fetchStorage() {
-        return __async(this, null, function* () {
-          const storage = yield room.getStorage();
-          if (!didCancel) {
-            setState(storage.root);
-          }
-        });
-      }
-      fetchStorage();
-      return () => {
-        didCancel = true;
-      };
+      return room.events.customEvent.subscribe(listener);
     }, [room]);
-    return [root];
   }
-  function useStorage2() {
-    _internal.deprecate.call(void 0, 
-      "In the upcoming 0.18 version, the name `useStorage()` is going to be repurposed for a new hook. Please use `useStorageRoot()` instead to keep the current behavior."
+  function useSelf(maybeSelector, isEqual) {
+    const room = useRoom();
+    const subscribe = React.useCallback(
+      (onChange) => {
+        const unsub1 = room.events.me.subscribe(onChange);
+        const unsub2 = room.events.connection.subscribe(onChange);
+        return () => {
+          unsub1();
+          unsub2();
+        };
+      },
+      [room]
     );
-    return useStorageRoot2();
-  }
-  function useMap_deprecated(key, entries) {
-    _internal.errorIf.call(void 0, 
-      entries,
-      `Support for initializing entries in useMap() directly will be removed in @liveblocks/react 0.18.
-
-Instead, please initialize this data where you set up your RoomProvider:
-
-    const initialStorage = () => ({
-      ${JSON.stringify(key)}: new LiveMap(...),
-      ...
-    });
-
-    <RoomProvider initialStorage={initialStorage}>
-      ...
-    </RoomProvider>
-
-Please see https://bit.ly/3Niy5aP for details.`
+    const getSnapshot = room.getSelf;
+    const selector = maybeSelector != null ? maybeSelector : identity;
+    const wrappedSelector = React.useCallback(
+      (me) => me !== null ? selector(me) : null,
+      [selector]
     );
-    const value = useStorageValue(key, new (0, _client2.LiveMap)(entries != null ? entries : void 0));
-    if (value.status === "ok") {
-      return value.value;
-    } else {
-      _internal.errorIf.call(void 0, 
-        value.status === "notfound",
-        `Key ${JSON.stringify(
-          key
-        )} was not found in Storage. Starting with 0.18, useMap() will no longer automatically create this key.
-
-Instead, please initialize your storage where you set up your RoomProvider:
-
-    import { LiveMap } from "@liveblocks/client";
-
-    const initialStorage = () => ({
-      ${JSON.stringify(key)}: new LiveMap(...),
-      ...
-    });
-
-    <RoomProvider initialStorage={initialStorage}>
-      ...
-    </RoomProvider>
-
-Please see https://bit.ly/3Niy5aP for details.`
-      );
-      return null;
-    }
-  }
-  function useList_deprecated(key, items) {
-    _internal.errorIf.call(void 0, 
-      items,
-      `Support for initializing items in useList() directly will be removed in @liveblocks/react 0.18.
-
-Instead, please initialize this data where you set up your RoomProvider:
-
-    import { LiveList } from "@liveblocks/client";
-
-    const initialStorage = () => ({
-      ${JSON.stringify(key)}: new LiveList(...),
-      ...
-    });
-
-    <RoomProvider initialStorage={initialStorage}>
-      ...
-    </RoomProvider>
-
-Please see https://bit.ly/3Niy5aP for details.`
+    const getServerSnapshot = React.useCallback(() => null, []);
+    return _withselector.useSyncExternalStoreWithSelector.call(void 0, 
+      subscribe,
+      getSnapshot,
+      getServerSnapshot,
+      wrappedSelector,
+      isEqual
     );
-    const value = useStorageValue(key, new (0, _client2.LiveList)(items));
-    if (value.status === "ok") {
-      return value.value;
-    } else {
-      _internal.errorIf.call(void 0, 
-        value.status === "notfound",
-        `Key ${JSON.stringify(
-          key
-        )} was not found in Storage. Starting with 0.18, useList() will no longer automatically create this key.
-
-Instead, please initialize your storage where you set up your RoomProvider:
-
-    import { LiveList } from "@liveblocks/client";
-
-    const initialStorage = () => ({
-      ${JSON.stringify(key)}: new LiveList(...),
-      ...
-    });
-
-    <RoomProvider initialStorage={initialStorage}>
-      ...
-    </RoomProvider>
-
-Please see https://bit.ly/3Niy5aP for details.`
-      );
-      return null;
-    }
   }
-  function useObject_deprecated(key, initialData) {
-    _internal.errorIf.call(void 0, 
-      initialData,
-      `Support for initializing data in useObject() directly will be removed in @liveblocks/react 0.18.
-
-Instead, please initialize this data where you set up your RoomProvider:
-
-    import { LiveObject } from "@liveblocks/client";
-
-    const initialStorage = () => ({
-      ${JSON.stringify(key)}: new LiveObject(...),
-      ...
-    });
-
-    <RoomProvider initialStorage={initialStorage}>
-      ...
-    </RoomProvider>
-
-Please see https://bit.ly/3Niy5aP for details.`
+  function useMutableStorageRoot() {
+    const room = useRoom();
+    const subscribe = room.events.storageDidLoad.subscribeOnce;
+    const getSnapshot = room.getStorageSnapshot;
+    const getServerSnapshot = React.useCallback(() => null, []);
+    const selector = identity;
+    return _withselector.useSyncExternalStoreWithSelector.call(void 0, 
+      subscribe,
+      getSnapshot,
+      getServerSnapshot,
+      selector
     );
-    const value = useStorageValue(key, new (0, _client2.LiveObject)(initialData));
-    if (value.status === "ok") {
-      return value.value;
-    } else {
-      _internal.errorIf.call(void 0, 
-        value.status === "notfound",
-        `Key ${JSON.stringify(
-          key
-        )} was not found in Storage. Starting with 0.18, useObject() will no longer automatically create this key.
-
-Instead, please initialize your storage where you set up your RoomProvider:
-
-    import { LiveObject } from "@liveblocks/client";
-
-    const initialStorage = () => ({
-      ${JSON.stringify(key)}: new LiveObject(...),
-      ...
-    });
-
-    <RoomProvider initialStorage={initialStorage}>
-      ...
-    </RoomProvider>
-
-Please see https://bit.ly/3Niy5aP for details.`
-      );
-      return null;
-    }
-  }
-  function useList2(key) {
-    return useList_deprecated(key);
   }
-  function useMap2(key) {
-    return useMap_deprecated(key);
+  function useStorageRoot() {
+    return [useMutableStorageRoot()];
   }
-  function useObject2(key) {
-    return useObject_deprecated(key);
+  function useHistory() {
+    return useRoom().history;
   }
-  function useHistory2() {
-    return useRoom2().history;
+  function useUndo() {
+    return useHistory().undo;
   }
-  function useUndo2() {
-    return useHistory2().undo;
-  }
-  function useRedo2() {
-    return useHistory2().redo;
+  function useRedo() {
+    return useHistory().redo;
   }
   function useCanUndo() {
-    const room = useRoom2();
-    const [canUndo, setCanUndo] = React2.useState(room.history.canUndo);
-    React2.useEffect(() => {
-      const unsubscribe = room.subscribe(
-        "history",
-        ({ canUndo: canUndo2 }) => setCanUndo(canUndo2)
-      );
-      return () => {
-        unsubscribe();
-      };
-    }, [room]);
+    const room = useRoom();
+    const [canUndo, setCanUndo] = React.useState(room.history.canUndo);
+    React.useEffect(
+      () => room.events.history.subscribe(({ canUndo: canUndo2 }) => setCanUndo(canUndo2)),
+      [room]
+    );
     return canUndo;
   }
   function useCanRedo() {
-    const room = useRoom2();
-    const [canRedo, setCanRedo] = React2.useState(room.history.canRedo);
-    React2.useEffect(() => {
-      const unsubscribe = room.subscribe(
-        "history",
-        ({ canRedo: canRedo2 }) => setCanRedo(canRedo2)
-      );
-      return () => {
-        unsubscribe();
-      };
-    }, [room]);
+    const room = useRoom();
+    const [canRedo, setCanRedo] = React.useState(room.history.canRedo);
+    React.useEffect(
+      () => room.events.history.subscribe(({ canRedo: canRedo2 }) => setCanRedo(canRedo2)),
+      [room]
+    );
     return canRedo;
   }
-  function useBatch2() {
-    return useRoom2().batch;
+  function useBatch() {
+    return useRoom().batch;
   }
-  function useStorageValue(key, initialValue) {
-    const room = useRoom2();
-    const [root] = useStorageRoot2();
+  function useLegacyKey(key) {
+    const room = useRoom();
+    const root = useMutableStorageRoot();
     const rerender = useRerender();
-    const frozenInitialValue = useInitial(initialValue);
-    React2.useEffect(() => {
+    React.useEffect(() => {
       if (root == null) {
         return;
       }
       let liveValue = root.get(key);
-      if (liveValue == null) {
-        liveValue = frozenInitialValue;
-        root.set(key, liveValue);
-      }
       function onRootChange() {
         const newCrdt = root.get(key);
         if (newCrdt !== liveValue) {
@@ -477,177 +252,150 @@ Please see https://bit.ly/3Niy5aP for details.`
         unsubscribeRoot();
         unsubscribeCrdt();
       };
-    }, [root, room, key, frozenInitialValue, rerender]);
+    }, [root, room, key, rerender]);
     if (root == null) {
-      return { status: "loading" };
+      return null;
     } else {
-      const value = root.get(key);
-      if (value == null) {
-        return { status: "notfound" };
+      return root.get(key);
+    }
+  }
+  function useStorage(maybeSelector, isEqual) {
+    const room = useRoom();
+    const rootOrNull = useMutableStorageRoot();
+    const selector = maybeSelector != null ? maybeSelector : identity;
+    const wrappedSelector = React.useCallback(
+      (rootOrNull2) => rootOrNull2 !== null ? selector(rootOrNull2) : null,
+      [selector]
+    );
+    const subscribe = React.useCallback(
+      (onStoreChange) => rootOrNull !== null ? room.subscribe(rootOrNull, onStoreChange, { isDeep: true }) : noop,
+      [room, rootOrNull]
+    );
+    const getSnapshot = React.useCallback(() => {
+      if (rootOrNull === null) {
+        return null;
       } else {
-        return { status: "ok", value };
+        const root = rootOrNull;
+        const imm = root.toImmutable();
+        return imm;
       }
+    }, [rootOrNull]);
+    const getServerSnapshot = React.useCallback(() => null, []);
+    return _withselector.useSyncExternalStoreWithSelector.call(void 0, 
+      subscribe,
+      getSnapshot,
+      getServerSnapshot,
+      wrappedSelector,
+      isEqual
+    );
+  }
+  function ensureNotServerSide() {
+    if (typeof window === "undefined") {
+      throw new Error(
+        "You cannot call the Suspense version of this hook on the server side. Make sure to only call them on the client side.\nFor tips for structuring your app, see XXX"
+      );
     }
   }
+  function useSuspendUntilStorageLoaded() {
+    const room = useRoom();
+    if (room.getStorageSnapshot() !== null) {
+      return;
+    }
+    ensureNotServerSide();
+    throw new Promise((res) => {
+      room.events.storageDidLoad.subscribeOnce(() => res());
+    });
+  }
+  function useSuspendUntilPresenceLoaded() {
+    const room = useRoom();
+    if (room.isSelfAware()) {
+      return;
+    }
+    ensureNotServerSide();
+    throw new Promise((res) => {
+      room.events.connection.subscribeOnce(() => res());
+    });
+  }
+  function useMutation(callback, deps) {
+    const room = useRoom();
+    const root = useMutableStorageRoot();
+    const setMyPresence = room.updatePresence;
+    return React.useMemo(
+      () => {
+        if (root !== null) {
+          const mutationCtx = {
+            root,
+            setMyPresence
+          };
+          return (...args) => {
+            let rv;
+            room.batch(() => {
+              rv = callback(mutationCtx, ...args);
+            });
+            return rv;
+          };
+        } else {
+          return () => {
+            throw new Error(
+              "Mutation cannot be called while Liveblocks Storage has not loaded yet"
+            );
+          };
+        }
+      },
+      deps !== void 0 ? [root, room, setMyPresence, ...deps] : [root, room, setMyPresence, callback]
+    );
+  }
+  function useStorageSuspense(selector, isEqual) {
+    useSuspendUntilStorageLoaded();
+    return useStorage(
+      selector,
+      isEqual
+    );
+  }
+  function useSelfSuspense(selector, isEqual) {
+    useSuspendUntilPresenceLoaded();
+    return useSelf(
+      selector,
+      isEqual
+    );
+  }
+  function useOthersSuspense(selector, isEqual) {
+    useSuspendUntilPresenceLoaded();
+    return useOthers(
+      selector,
+      isEqual
+    );
+  }
   return {
-    RoomProvider: RoomProvider2,
-    useBatch: useBatch2,
-    useBroadcastEvent: useBroadcastEvent2,
+    RoomProvider,
+    useBatch,
+    useBroadcastEvent,
     useCanRedo,
     useCanUndo,
-    useErrorListener: useErrorListener2,
-    useEventListener: useEventListener2,
-    useHistory: useHistory2,
-    useList: useList2,
-    useMap: useMap2,
-    useMyPresence: useMyPresence2,
-    useObject: useObject2,
-    useOthers: useOthers2,
-    useRedo: useRedo2,
-    useRoom: useRoom2,
-    useSelf: useSelf2,
-    useStorageRoot: useStorageRoot2,
-    useStorage: useStorage2,
-    useUndo: useUndo2,
-    useUpdateMyPresence: useUpdateMyPresence2,
+    useErrorListener,
+    useEventListener,
+    useHistory,
+    useMyPresence,
+    useOthers,
+    useRedo,
+    useRoom,
+    useSelf,
+    useStorageRoot,
+    useStorage,
+    useUndo,
+    useUpdateMyPresence,
+    useMutation,
+    useList: useLegacyKey,
+    useMap: useLegacyKey,
+    useObject: useLegacyKey,
     RoomContext,
-    useList_deprecated,
-    useMap_deprecated,
-    useObject_deprecated
+    suspense: {
+      useStorage: useStorageSuspense,
+      useSelf: useSelfSuspense,
+      useOthers: useOthersSuspense
+    }
   };
 }
-
-// src/compat.tsx
-
-var _hooks = createRoomContext("__legacy");
-function RoomProvider(props) {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `RoomProvider` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.RoomProvider(props);
-}
-function useBatch() {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useBatch` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useBatch();
-}
-function useBroadcastEvent() {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useBroadcastEvent` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useBroadcastEvent();
-}
-function useErrorListener(callback) {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useErrorListener` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useErrorListener(callback);
-}
-function useEventListener(callback) {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useEventListener` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useEventListener(callback);
-}
-function useHistory() {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useHistory` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useHistory();
-}
-function useMyPresence() {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useMyPresence` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useMyPresence();
-}
-function useOthers() {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useOthers` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useOthers();
-}
-function useRedo() {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useRedo` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useRedo();
-}
-function useRoom() {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useRoom` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useRoom();
-}
-function useSelf() {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useSelf` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useSelf();
-}
-function useStorageRoot() {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useStorageRoot` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useStorageRoot();
-}
-function useStorage() {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useStorage` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useStorage();
-}
-function useUndo() {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useUndo` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useUndo();
-}
-function useUpdateMyPresence() {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useUpdateMyPresence` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useUpdateMyPresence();
-}
-function useList(key, items) {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useList` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useList_deprecated(key, items);
-}
-function useMap(key, entries) {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useMap` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useMap_deprecated(key, entries);
-}
-function useObject(key, initialData) {
-  _internal.deprecate.call(void 0, 
-    "Please use `createRoomContext()` instead of importing `useObject` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-  );
-  return _hooks.useObject_deprecated(key, initialData);
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
-exports.LiveblocksProvider = LiveblocksProvider; exports.RoomProvider = RoomProvider; exports.createRoomContext = createRoomContext; exports.useBatch = useBatch; exports.useBroadcastEvent = useBroadcastEvent; exports.useClient = useClient; exports.useErrorListener = useErrorListener; exports.useEventListener = useEventListener; exports.useHistory = useHistory; exports.useList = useList; exports.useMap = useMap; exports.useMyPresence = useMyPresence; exports.useObject = useObject; exports.useOthers = useOthers; exports.useRedo = useRedo; exports.useRoom = useRoom; exports.useSelf = useSelf; exports.useStorage = useStorage; exports.useStorageRoot = useStorageRoot; exports.useUndo = useUndo; exports.useUpdateMyPresence = useUpdateMyPresence;
+exports.createRoomContext = createRoomContext;

package/index.mjs

@@ -1,24 +1,4 @@
 import mod from "./index.js";
 
 export default mod;
-export const LiveblocksProvider = mod.LiveblocksProvider;
-export const RoomProvider = mod.RoomProvider;
 export const createRoomContext = mod.createRoomContext;
-export const useBatch = mod.useBatch;
-export const useBroadcastEvent = mod.useBroadcastEvent;
-export const useClient = mod.useClient;
-export const useErrorListener = mod.useErrorListener;
-export const useEventListener = mod.useEventListener;
-export const useHistory = mod.useHistory;
-export const useList = mod.useList;
-export const useMap = mod.useMap;
-export const useMyPresence = mod.useMyPresence;
-export const useObject = mod.useObject;
-export const useOthers = mod.useOthers;
-export const useRedo = mod.useRedo;
-export const useRoom = mod.useRoom;
-export const useSelf = mod.useSelf;
-export const useStorage = mod.useStorage;
-export const useStorageRoot = mod.useStorageRoot;
-export const useUndo = mod.useUndo;
-export const useUpdateMyPresence = mod.useUpdateMyPresence;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/react",
-  "version": "0.17.11-debug1",
+  "version": "0.18.0-beta0",
   "description": "A set of React hooks and providers to use Liveblocks declaratively.",
   "main": "./index.js",
   "module": "./index.mjs",
@@ -23,8 +23,11 @@
     "url": "https://github.com/liveblocks/liveblocks/issues"
   },
   "license": "Apache-2.0",
+  "dependencies": {
+    "use-sync-external-store": "^1.2.0"
+  },
   "peerDependencies": {
-    "@liveblocks/client": "0.17.11-debug1",
+    "@liveblocks/client": "0.18.0-beta0",
     "react": "^16.14.0 || ^17 || ^18"
   },
   "repository": {