@instantdb/react - npm Package Compare versions

Comparing version 0.10.9 to 0.10.10

dist/debug.js

@@ -43,3 +43,3 @@ "use strict";
     }, []);
-    (0, react_1.useLayoutEffect)(() => {
+    (0, react_1.useEffect)(() => {
         const el = debugRef.current;
@@ -46,0 +46,0 @@ if (!el)

dist/InstantReact.d.ts

@@ -91,3 +91,3 @@ import { Config, Query, Exactly, AuthState, InstantClient, TransactionChunk, Auth, LifecycleSubscriptionState, PresenceOpts, PresenceResponse, RoomSchemaShape } from "@instantdb/core";
      *      inputProps,
-     *    } = db.room(roomType, roomId).useTypingIndicator("chat-input", metadata);
+     *    } = db.room(roomType, roomId).useTypingIndicator("chat-input", opts);
      *
@@ -94,0 +94,0 @@ *    return <input {...inputProps} />;

dist/InstantReact.js

@@ -117,3 +117,3 @@ "use strict";
          *      inputProps,
-         *    } = db.room(roomType, roomId).useTypingIndicator("chat-input", metadata);
+         *    } = db.room(roomType, roomId).useTypingIndicator("chat-input", opts);
          *
@@ -120,0 +120,0 @@ *    return <input {...inputProps} />;

dist/module/debug.js

 var _a;
-import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 export const isBrowser = typeof window !== "undefined";
@@ -38,3 +38,3 @@ export const isDev = typeof process !== "undefined" && ((_a = process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === "development";
     }, []);
-    useLayoutEffect(() => {
+    useEffect(() => {
         const el = debugRef.current;
@@ -41,0 +41,0 @@ if (!el)

dist/module/InstantReact.d.ts

@@ -91,3 +91,3 @@ import { Config, Query, Exactly, AuthState, InstantClient, TransactionChunk, Auth, LifecycleSubscriptionState, PresenceOpts, PresenceResponse, RoomSchemaShape } from "@instantdb/core";
      *      inputProps,
-     *    } = db.room(roomType, roomId).useTypingIndicator("chat-input", metadata);
+     *    } = db.room(roomType, roomId).useTypingIndicator("chat-input", opts);
      *
@@ -94,0 +94,0 @@ *    return <input {...inputProps} />;

dist/module/InstantReact.js

@@ -114,3 +114,3 @@ import { init as initCore, } from "@instantdb/core";
          *      inputProps,
-         *    } = db.room(roomType, roomId).useTypingIndicator("chat-input", metadata);
+         *    } = db.room(roomType, roomId).useTypingIndicator("chat-input", opts);
          *
@@ -117,0 +117,0 @@ *    return <input {...inputProps} />;

package.json

 {
   "name": "@instantdb/react",
-  "version": "0.10.9",
+  "version": "0.10.10",
   "description": "Instant DB for React",
@@ -31,4 +31,4 @@ "main": "dist/index.js",
   "dependencies": {
-    "@instantdb/core": "0.10.9"
+    "@instantdb/core": "0.10.10"
   }
 }

src/debug.ts

 import { LifecycleSubscriptionState } from "@instantdb/core";
-import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 
@@ -54,3 +54,3 @@ export const isBrowser = typeof window !== "undefined";
 
-  useLayoutEffect(() => {
+  useEffect(() => {
     const el = debugRef.current;
@@ -57,0 +57,0 @@ if (!el) return;

src/InstantReact.ts

@@ -217,3 +217,3 @@ import {
    *      inputProps,
-   *    } = db.room(roomType, roomId).useTypingIndicator("chat-input", metadata);
+   *    } = db.room(roomType, roomId).useTypingIndicator("chat-input", opts);
    *
@@ -220,0 +220,0 @@ *    return <input {...inputProps} />;

No alert changes

Worsened metrics

Total package byte prevSize

150442

decreased by-0.05%

Dependency changes

• + Added@instantdb/core@0.10.10(transitive)

• - Removed@instantdb/core@0.10.9(transitive)

• Updated@instantdb/core@0.10.10