@livestore/react 0.3.1 → 0.3.2-dev.1

package/dist/useStore.js

@@ -1,13 +1,11 @@
 import React from 'react';
-import { LiveStoreContext } from './LiveStoreContext.js';
-import { useClientDocument } from './useClientDocument.js';
-import { useQuery } from './useQuery.js';
+import { LiveStoreContext } from "./LiveStoreContext.js";
+import { useClientDocument } from "./useClientDocument.js";
+import { useQuery } from "./useQuery.js";
 export const withReactApi = (store) => {
     // @ts-expect-error TODO properly implement this
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     store.useQuery = (queryDef) => useQuery(queryDef, { store });
     // @ts-expect-error TODO properly implement this
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     store.useClientDocument = (table, idOrOptions, options) => useClientDocument(table, idOrOptions, options, { store });
     return store;
 };
@@ -15,7 +13,7 @@ export const useStore = (options) => {
     if (options?.store !== undefined) {
         return { store: withReactApi(options.store) };
     }
-    // eslint-disable-next-line react-hooks/rules-of-hooks
+    // biome-ignore lint/correctness/useHookAtTopLevel: store is stable
     const storeContext = React.useContext(LiveStoreContext);
     if (storeContext === undefined) {
         throw new Error(`useStore can only be used inside StoreContext.Provider`);

package/dist/useStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStore.js","sourceRoot":"","sources":["../src/useStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAoB,EAAE;IAC7D,gDAAgD;IAChD,sDAAsD;IACtD,KAAK,CAAC,QAAQ,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAA;IAC5D,gDAAgD;IAChD,sDAAsD;IACtD,KAAK,CAAC,iBAAiB,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,CAAA;IACpH,OAAO,KAAyB,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,OAA2B,EAA+B,EAAE;IACnF,IAAI,OAAO,EAAE,KAAK,KAAK,SAAS,EAAE,CAAC;QACjC,OAAO,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAA;IAC/C,CAAC;IAED,sDAAsD;IACtD,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAEvD,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAA;IAC3E,CAAC;IAED,IAAI,YAAY,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;QACrC,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAA;IACzE,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAA;AACpD,CAAC,CAAA"}
+{"version":3,"file":"useStore.js","sourceRoot":"","sources":["../src/useStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAoB,EAAE;IAC7D,gDAAgD;IAEhD,KAAK,CAAC,QAAQ,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAA;IAC5D,gDAAgD;IAEhD,KAAK,CAAC,iBAAiB,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,CAAA;IACpH,OAAO,KAAyB,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,OAA2B,EAA+B,EAAE;IACnF,IAAI,OAAO,EAAE,KAAK,KAAK,SAAS,EAAE,CAAC;QACjC,OAAO,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAA;IAC/C,CAAC;IAED,mEAAmE;IACnE,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAEvD,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAC/B,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAA;IAC3E,CAAC;IAED,IAAI,YAAY,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;QACrC,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAA;IACzE,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAA;AACpD,CAAC,CAAA"}

package/dist/utils/stack-info.js

@@ -3,7 +3,6 @@ import React from 'react';
 export const originalStackLimit = Error.stackTraceLimit;
 export const useStackInfo = () => React.useMemo(() => {
     Error.stackTraceLimit = 10;
-    // eslint-disable-next-line unicorn/error-message
     const stack = new Error().stack;
     Error.stackTraceLimit = originalStackLimit;
     return extractStackInfoFromStackTrace(stack);

package/dist/utils/stack-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack-info.js","sourceRoot":"","sources":["../../src/utils/stack-info.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAkB,MAAM,sBAAsB,CAAA;AACrF,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,eAAe,CAAA;AAEvD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAc,EAAE,CAC1C,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;IACjB,KAAK,CAAC,eAAe,GAAG,EAAE,CAAA;IAC1B,iDAAiD;IACjD,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC,KAAM,CAAA;IAChC,KAAK,CAAC,eAAe,GAAG,kBAAkB,CAAA;IAC1C,OAAO,8BAA8B,CAAC,KAAK,CAAC,CAAA;AAC9C,CAAC,EAAE,EAAE,CAAC,CAAA"}
+{"version":3,"file":"stack-info.js","sourceRoot":"","sources":["../../src/utils/stack-info.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAkB,MAAM,sBAAsB,CAAA;AACrF,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,eAAe,CAAA;AAEvD,MAAM,CAAC,MAAM,YAAY,GAAG,GAAc,EAAE,CAC1C,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;IACjB,KAAK,CAAC,eAAe,GAAG,EAAE,CAAA;IAE1B,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC,KAAM,CAAA;IAChC,KAAK,CAAC,eAAe,GAAG,kBAAkB,CAAA;IAC1C,OAAO,8BAA8B,CAAC,KAAK,CAAC,CAAA;AAC9C,CAAC,EAAE,EAAE,CAAC,CAAA"}

package/dist/utils/useStateRefWithReactiveInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStateRefWithReactiveInput.d.ts","sourceRoot":"","sources":["../../src/utils/useStateRefWithReactiveInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;;GASG;AACH,eAAO,MAAM,4BAA4B,GAAI,CAAC,EAC5C,YAAY,CAAC,KACZ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAwB/D,CAAA"}
+{"version":3,"file":"useStateRefWithReactiveInput.d.ts","sourceRoot":"","sources":["../../src/utils/useStateRefWithReactiveInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;;GASG;AACH,eAAO,MAAM,4BAA4B,GAAI,CAAC,EAC5C,YAAY,CAAC,KACZ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAqB/D,CAAA"}

package/dist/utils/useStateRefWithReactiveInput.js

@@ -23,7 +23,7 @@ export const useStateRefWithReactiveInput = (inputState) => {
         const val = typeof newState === 'function' ? newState(stateRef.current) : newState;
         stateRef.current = val;
         rerender((c) => c + 1);
-    }, [rerender]);
+    }, []);
     return [stateRef, setStateAndRerender];
 };
 // Down-side of this implementation: Double render pass due to `setState` call (which forces a re-render)

package/dist/utils/useStateRefWithReactiveInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStateRefWithReactiveInput.js","sourceRoot":"","sources":["../../src/utils/useStateRefWithReactiveInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,UAAa,EACmD,EAAE;IAClE,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvC,MAAM,sBAAsB,GAAG,KAAK,CAAC,MAAM,CAAI,UAAU,CAAC,CAAA;IAC1D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAI,UAAU,CAAC,CAAA;IAE5C,IAAI,sBAAsB,CAAC,OAAO,KAAK,UAAU,EAAE,CAAC;QAClD,sBAAsB,CAAC,OAAO,GAAG,UAAU,CAAA;QAE3C,qHAAqH;QACrH,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAA;IAC/B,CAAC;IAED,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAC3C,CAAC,QAA8B,EAAE,EAAE;QACjC,wEAAwE;QACxE,MAAM,GAAG,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;QAClF,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAA;QACtB,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IACxB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAA;AACxC,CAAC,CAAA;AAED,yGAAyG;AACzG,iFAAiF;AACjF,4GAA4G;AAC5G,yEAAyE;AAEzE,wCAAwC;AACxC,mCAAmC;AACnC,MAAM;AAEN,6CAA6C;AAC7C,IAAI"}
+{"version":3,"file":"useStateRefWithReactiveInput.js","sourceRoot":"","sources":["../../src/utils/useStateRefWithReactiveInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,UAAa,EACmD,EAAE;IAClE,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvC,MAAM,sBAAsB,GAAG,KAAK,CAAC,MAAM,CAAI,UAAU,CAAC,CAAA;IAC1D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAI,UAAU,CAAC,CAAA;IAE5C,IAAI,sBAAsB,CAAC,OAAO,KAAK,UAAU,EAAE,CAAC;QAClD,sBAAsB,CAAC,OAAO,GAAG,UAAU,CAAA;QAE3C,qHAAqH;QACrH,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAA;IAC/B,CAAC;IAED,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAA8B,EAAE,EAAE;QAC/E,wEAAwE;QACxE,MAAM,GAAG,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;QAClF,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAA;QACtB,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IACxB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAA;AACxC,CAAC,CAAA;AAED,yGAAyG;AACzG,iFAAiF;AACjF,4GAA4G;AAC5G,yEAAyE;AAEzE,wCAAwC;AACxC,mCAAmC;AACnC,MAAM;AAEN,6CAA6C;AAC7C,IAAI"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livestore/react",
-  "version": "0.3.1",
+  "version": "0.3.2-dev.1",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -23,9 +23,9 @@
   },
   "dependencies": {
     "@opentelemetry/api": "1.9.0",
-    "@livestore/livestore": "0.3.1",
-    "@livestore/common": "0.3.1",
-    "@livestore/utils": "0.3.1"
+    "@livestore/common": "0.3.2-dev.1",
+    "@livestore/utils": "0.3.2-dev.1",
+    "@livestore/livestore": "0.3.2-dev.1"
   },
   "devDependencies": {
     "@opentelemetry/sdk-trace-base": "^2.0.0",
@@ -38,10 +38,10 @@
     "react-dom": "^19.0.0",
     "react-window": "^1.8.11",
     "typescript": "^5.8.3",
-    "vite": "^6.3.4",
-    "vitest": "^3.1.2",
-    "@livestore/adapter-web": "0.3.1",
-    "@livestore/utils-dev": "0.3.1"
+    "vite": "^7.0.0",
+    "vitest": "3.2.4",
+    "@livestore/utils-dev": "0.3.2-dev.1",
+    "@livestore/adapter-web": "0.3.2-dev.1"
   },
   "files": [
     "package.json",

package/src/LiveStoreContext.ts

@@ -1,8 +1,8 @@
 import type { LiveStoreContextRunning } from '@livestore/livestore'
 import React from 'react'
 
-import type { useClientDocument } from './useClientDocument.js'
-import type { useQuery } from './useQuery.js'
+import type { useClientDocument } from './useClientDocument.ts'
+import type { useQuery } from './useQuery.ts'
 
 export type ReactApi = {
   useQuery: typeof useQuery

package/src/LiveStoreProvider.test.tsx

@@ -1,3 +1,4 @@
+/** biome-ignore-all lint/a11y: test */
 import { makeInMemoryAdapter } from '@livestore/adapter-web'
 import { sql } from '@livestore/common'
 import { rawSqlEvent } from '@livestore/common/schema'
@@ -41,7 +42,8 @@ describe.each([true, false])('LiveStoreProvider (strictMode: %s)', (strictMode)
           ),
         [],
       )
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+
+      // biome-ignore lint/correctness/useExhaustiveDependencies: forceUpdate is used to force a re-render
       const adapterMemo = React.useMemo(() => makeInMemoryAdapter(), [forceUpdate])
       return (
         <WithStrictMode>
@@ -104,7 +106,7 @@ describe.each([true, false])('LiveStoreProvider (strictMode: %s)', (strictMode)
           ),
         [],
       )
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+      // biome-ignore lint/correctness/useExhaustiveDependencies: forceUpdate is used to force a re-render
       const adapterMemo = React.useMemo(() => makeInMemoryAdapter(), [forceUpdate])
       return (
         <WithStrictMode>

package/src/LiveStoreProvider.tsx

@@ -3,10 +3,10 @@ import { provideOtel, UnexpectedError } from '@livestore/common'
 import type { LiveStoreSchema } from '@livestore/common/schema'
 import type {
   CreateStoreOptions,
-  LiveStoreContext as StoreContext_,
   OtelOptions,
   ShutdownDeferred,
   Store,
+  LiveStoreContext as StoreContext_,
 } from '@livestore/livestore'
 import { createStore, makeShutdownDeferred, StoreInterrupted } from '@livestore/livestore'
 import { errorToString, IS_REACT_NATIVE, LS_DEV } from '@livestore/utils'
@@ -24,7 +24,6 @@ import {
   TaskTracing,
 } from '@livestore/utils/effect'
 import type * as otel from '@opentelemetry/api'
-import type { ReactElement, ReactNode } from 'react'
 import React from 'react'
 
 import { LiveStoreContext } from './LiveStoreContext.js'
@@ -47,9 +46,9 @@ export interface LiveStoreProviderProps {
     ctx: { migrationsReport: MigrationsReport; parentSpan: otel.Span },
   ) => void | Promise<void> | Effect.Effect<void, unknown, OtelTracer.OtelTracer>
   otelOptions?: Partial<OtelOptions>
-  renderLoading?: (status: BootStatus) => ReactElement
-  renderError?: (error: UnexpectedError | unknown) => ReactElement
-  renderShutdown?: (cause: IntentionalShutdownCause | StoreInterrupted) => ReactElement
+  renderLoading?: (status: BootStatus) => React.ReactNode
+  renderError?: (error: UnexpectedError | unknown) => React.ReactNode
+  renderShutdown?: (cause: IntentionalShutdownCause | StoreInterrupted) => React.ReactNode
   adapter: Adapter
   /**
    * In order for LiveStore to apply multiple events in a single render,
@@ -85,7 +84,7 @@ export interface LiveStoreProviderProps {
 }
 
 const defaultRenderError = (error: UnexpectedError | unknown) =>
-  IS_REACT_NATIVE ? <></> : <>{Schema.is(UnexpectedError)(error) ? error.toString() : errorToString(error)}</>
+  IS_REACT_NATIVE ? null : Schema.is(UnexpectedError)(error) ? error.toString() : errorToString(error)
 
 const defaultRenderShutdown = (cause: IntentionalShutdownCause | StoreInterrupted) => {
   const reason =
@@ -101,11 +100,11 @@ const defaultRenderShutdown = (cause: IntentionalShutdownCause | StoreInterrupte
               ? 'manual shutdown'
               : 'unknown reason'
 
-  return IS_REACT_NATIVE ? <></> : <>LiveStore Shutdown due to {reason}</>
+  return IS_REACT_NATIVE ? null : <>LiveStore Shutdown due to {reason}</>
 }
 
 const defaultRenderLoading = (status: BootStatus) =>
-  IS_REACT_NATIVE ? <></> : <>LiveStore is loading ({status.stage})...</>
+  IS_REACT_NATIVE ? null : <>LiveStore is loading ({status.stage})...</>
 
 export const LiveStoreProvider = ({
   renderLoading = defaultRenderLoading,
@@ -123,7 +122,7 @@ export const LiveStoreProvider = ({
   confirmUnsavedChanges = true,
   syncPayload,
   debug,
-}: LiveStoreProviderProps & { children?: ReactNode }): React.ReactElement => {
+}: LiveStoreProviderProps & { children?: React.ReactNode }): React.ReactNode => {
   const storeCtx = useCreateStore({
     storeId,
     schema,
@@ -152,7 +151,7 @@ export const LiveStoreProvider = ({
 
   globalThis.__debugLiveStore ??= {}
   if (Object.keys(globalThis.__debugLiveStore).length === 0) {
-    globalThis.__debugLiveStore['_'] = storeCtx.store
+    globalThis.__debugLiveStore._ = storeCtx.store
   }
   globalThis.__debugLiveStore[debug?.instanceId ?? storeId] = storeCtx.store
 
@@ -211,19 +210,18 @@ const useCreateStore = ({
     debugInstanceId,
   })
 
-  const interrupt = (
-    componentScope: Scope.CloseableScope,
-    shutdownDeferred: ShutdownDeferred,
-    error: StoreInterrupted,
-  ) =>
-    Effect.gen(function* () {
-      // console.log('[@livestore/livestore/react] interupting', error)
-      yield* Scope.close(componentScope, Exit.fail(error))
-      yield* Deferred.fail(shutdownDeferred, error)
-    }).pipe(
-      Effect.tapErrorCause((cause) => Effect.logDebug('[@livestore/livestore/react] interupting', cause)),
-      Effect.runFork,
-    )
+  const interrupt = React.useCallback(
+    (componentScope: Scope.CloseableScope, shutdownDeferred: ShutdownDeferred, error: StoreInterrupted) =>
+      Effect.gen(function* () {
+        // console.log('[@livestore/livestore/react] interupting', error)
+        yield* Scope.close(componentScope, Exit.fail(error))
+        yield* Deferred.fail(shutdownDeferred, error)
+      }).pipe(
+        Effect.tapErrorCause((cause) => Effect.logDebug('[@livestore/livestore/react] interupting', cause)),
+        Effect.runFork,
+      ),
+    [],
+  )
 
   const inputPropChanges = {
     schema: inputPropsCacheRef.current.schema !== schema,
@@ -400,6 +398,7 @@ const useCreateStore = ({
     confirmUnsavedChanges,
     syncPayload,
     debugInstanceId,
+    interrupt,
   ])
 
   return ctxValueRef.current.value

package/src/__snapshots__/useClientDocument.test.tsx.snap

@@ -37,7 +37,7 @@ exports[`useClientDocument > otel > should update the data based on component ke
     {
       "_name": "client-session-sync-processor:pull",
       "attributes": {
-        "code.stacktrace": "at /Users/schickling/Code/overtone/submodules/livestore/packages/@livestore/common/src/sync/ClientSessionSyncProcessor.ts:297:14",
+        "code.stacktrace": "<STACKTRACE>",
         "span.label": "⚠︎ Interrupted",
         "status.interrupted": true,
       },
@@ -263,7 +263,7 @@ exports[`useClientDocument > otel > should update the data based on component ke
     {
       "_name": "client-session-sync-processor:pull",
       "attributes": {
-        "code.stacktrace": "at /Users/schickling/Code/overtone/submodules/livestore/packages/@livestore/common/src/sync/ClientSessionSyncProcessor.ts:297:14",
+        "code.stacktrace": "<STACKTRACE>",
         "span.label": "⚠︎ Interrupted",
         "status.interrupted": true,
       },

package/src/ambient.d.ts

@@ -1,2 +1 @@
-// eslint-disable-next-line no-var
 var __debugLiveStore: any

package/src/experimental/components/LiveList.tsx

@@ -81,7 +81,7 @@ const ItemWrapperMemo = React.memo(
   ItemWrapper,
   (prev, next) =>
     prev.itemKey === next.itemKey &&
-    prev.renderItem === prev.renderItem &&
+    prev.renderItem === next.renderItem &&
     prev.opts.index === next.opts.index &&
     prev.opts.isInitialListRender === next.opts.isInitialListRender,
 ) as typeof ItemWrapper

package/src/experimental/mod.ts

@@ -1 +1 @@
-export { LiveList, type LiveListProps } from './components/LiveList.js'
+export { LiveList, type LiveListProps } from './components/LiveList.ts'

package/src/mod.ts

@@ -1,12 +1,12 @@
-export { LiveStoreContext, type ReactApi } from './LiveStoreContext.js'
-export { useStore, withReactApi } from './useStore.js'
-export { LiveStoreProvider } from './LiveStoreProvider.js'
-export { useStackInfo } from './utils/stack-info.js'
-export { useQuery, useQueryRef } from './useQuery.js'
+export { LiveStoreContext, type ReactApi } from './LiveStoreContext.ts'
+export { LiveStoreProvider } from './LiveStoreProvider.ts'
 export {
-  useClientDocument,
-  type StateSetters,
-  type SetStateAction,
   type Dispatch,
+  type SetStateAction,
+  type StateSetters,
   type UseRowResult as UseStateResult,
-} from './useClientDocument.js'
+  useClientDocument,
+} from './useClientDocument.ts'
+export { useQuery, useQueryRef } from './useQuery.ts'
+export { useStore, withReactApi } from './useStore.ts'
+export { useStackInfo } from './utils/stack-info.ts'

package/src/useClientDocument.test.tsx

@@ -1,3 +1,5 @@
+/** biome-ignore-all lint/a11y/useValidAriaRole: not needed for testing */
+/** biome-ignore-all lint/a11y/noStaticElementInteractions: not needed for testing */
 import * as LiveStore from '@livestore/livestore'
 import { getSimplifiedRootSpan } from '@livestore/livestore/internal/testing-utils'
 import { Effect, ReadonlyRecord, Schema } from '@livestore/utils/effect'
@@ -5,7 +7,7 @@ import { Vitest } from '@livestore/utils-dev/node-vitest'
 import * as otel from '@opentelemetry/api'
 import { BasicTracerProvider, InMemorySpanExporter, SimpleSpanProcessor } from '@opentelemetry/sdk-trace-base'
 import * as ReactTesting from '@testing-library/react'
-import React from 'react'
+import type React from 'react'
 import { beforeEach, expect, it } from 'vitest'
 
 import { events, makeTodoMvcReact, tables } from './__tests__/fixture.js'
@@ -282,7 +284,9 @@ Vitest.describe('useClientDocument', () => {
 
         const mapAttributes = (attributes: otel.Attributes) => {
           return ReadonlyRecord.map(attributes, (val, key) => {
-            if (key === 'firstStackInfo') {
+            if (key === 'code.stacktrace') {
+              return '<STACKTRACE>'
+            } else if (key === 'firstStackInfo') {
               const stackInfo = JSON.parse(val as string) as LiveStore.StackInfo
               // stackInfo.frames.shift() // Removes `renderHook.wrapper` from the stack
               stackInfo.frames.forEach((_) => {

package/src/useClientDocument.ts

@@ -6,8 +6,8 @@ import { queryDb } from '@livestore/livestore'
 import { shouldNeverHappen } from '@livestore/utils'
 import React from 'react'
 
-import { LiveStoreContext } from './LiveStoreContext.js'
-import { useQueryRef } from './useQuery.js'
+import { LiveStoreContext } from './LiveStoreContext.ts'
+import { useQueryRef } from './useQuery.ts'
 
 export type UseRowResult<TTableDef extends State.SQLite.ClientDocumentTableDef.TraitAny> = [
   row: TTableDef['Value'],
@@ -98,7 +98,7 @@ export const useClientDocument: {
 
   const store =
     storeArg?.store ??
-    // eslint-disable-next-line react-hooks/rules-of-hooks
+    // biome-ignore lint/correctness/useHookAtTopLevel: store is stable
     React.useContext(LiveStoreContext)?.store ??
     shouldNeverHappen(`No store provided to useClientDocument`)
 

package/src/useQuery.test.tsx

@@ -1,7 +1,8 @@
+/** biome-ignore-all lint/a11y: test */
 import '@livestore/utils-dev/node-vitest-polyfill'
 
-import { queryDb, signal } from '@livestore/livestore'
 import * as LiveStore from '@livestore/livestore'
+import { queryDb, signal } from '@livestore/livestore'
 import { RG } from '@livestore/livestore/internal/testing-utils'
 import { Effect, Schema } from '@livestore/utils/effect'
 import { Vitest } from '@livestore/utils-dev/node-vitest'
@@ -161,7 +162,6 @@ Vitest.describe.each([{ strictMode: true }, { strictMode: false }] as const)(
         const ListItem: React.FC<{ data: ReadonlyArray<number>; index: number }> = ({ data: ids, index }) => {
           const id = ids[index]!
           const res = store.useQuery(LiveStore.computed(() => id, { label: `ListItem.${id}`, deps: id }))
-          // biome-ignore lint/a11y/useSemanticElements: <explanation>
           return <div role="listitem">{res}</div>
         }
 

package/src/useQuery.ts

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import type { LiveQuery, LiveQueryDef, Store } from '@livestore/livestore'
 import { extractStackInfoFromStackTrace, stackInfoToString } from '@livestore/livestore'
 import type { LiveQueries } from '@livestore/livestore/internal'
@@ -6,10 +5,10 @@ import { deepEqual, indent, shouldNeverHappen } from '@livestore/utils'
 import * as otel from '@opentelemetry/api'
 import React from 'react'
 
-import { LiveStoreContext } from './LiveStoreContext.js'
-import { useRcResource } from './useRcResource.js'
-import { originalStackLimit } from './utils/stack-info.js'
-import { useStateRefWithReactiveInput } from './utils/useStateRefWithReactiveInput.js'
+import { LiveStoreContext } from './LiveStoreContext.ts'
+import { useRcResource } from './useRcResource.ts'
+import { originalStackLimit } from './utils/stack-info.ts'
+import { useStateRefWithReactiveInput } from './utils/useStateRefWithReactiveInput.ts'
 
 /**
  * Returns the result of a query and subscribes to future updates.
@@ -43,14 +42,16 @@ export const useQueryRef = <TQuery extends LiveQueryDef.Any>(
   queryRcRef: LiveQueries.RcRef<LiveQuery<LiveQueries.GetResult<TQuery>>>
 } => {
   const store =
-    options?.store ?? React.useContext(LiveStoreContext)?.store ?? shouldNeverHappen(`No store provided to useQuery`)
+    options?.store ??
+    // biome-ignore lint/correctness/useHookAtTopLevel: store is stable
+    React.useContext(LiveStoreContext)?.store ??
+    shouldNeverHappen(`No store provided to useQuery`)
 
   // It's important to use all "aspects" of a store instance here, otherwise we get unexpected cache mappings
   const rcRefKey = `${store.storeId}_${store.clientId}_${store.sessionId}_${queryDef.hash}`
 
   const stackInfo = React.useMemo(() => {
     Error.stackTraceLimit = 10
-    // eslint-disable-next-line unicorn/error-message
     const stack = new Error().stack!
     Error.stackTraceLimit = originalStackLimit
     return extractStackInfoFromStackTrace(stack)

package/src/useRcResource.ts

@@ -80,7 +80,7 @@ export const useRcResource = <T>(
   const keyRef = React.useRef<string | undefined>(undefined)
   const didDisposeInMemo = React.useRef(false)
 
-  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+  // biome-ignore lint/correctness/useExhaustiveDependencies: Dependency is deliberately limited to `key` to avoid unintended re-creations.
   const resource = React.useMemo(() => {
     // console.debug('useMemo', key)
     if (didDisposeInMemo.current) {
@@ -125,11 +125,9 @@ export const useRcResource = <T>(
     const resource = create()
     cache.set(key, { _tag: 'active', rc: 1, resource })
     return resource
-    // Dependency is deliberately limited to `key` to avoid unintended re-creations.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [key])
 
-  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+  // biome-ignore lint/correctness/useExhaustiveDependencies: We assume the `dispose` function is stable and won't change across renders
   React.useEffect(() => {
     return () => {
       if (didDisposeInMemo.current) {
@@ -152,8 +150,6 @@ export const useRcResource = <T>(
         cache.delete(key)
       }
     }
-    // We assume the `dispose` function is stable and won't change across renders
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [key])
 
   keyRef.current = key

package/src/useStore.ts

@@ -1,17 +1,17 @@
 import type { Store } from '@livestore/livestore'
 import React from 'react'
 
-import type { ReactApi } from './LiveStoreContext.js'
-import { LiveStoreContext } from './LiveStoreContext.js'
-import { useClientDocument } from './useClientDocument.js'
-import { useQuery } from './useQuery.js'
+import type { ReactApi } from './LiveStoreContext.ts'
+import { LiveStoreContext } from './LiveStoreContext.ts'
+import { useClientDocument } from './useClientDocument.ts'
+import { useQuery } from './useQuery.ts'
 
 export const withReactApi = (store: Store): Store & ReactApi => {
   // @ts-expect-error TODO properly implement this
-  // eslint-disable-next-line react-hooks/rules-of-hooks
+
   store.useQuery = (queryDef) => useQuery(queryDef, { store })
   // @ts-expect-error TODO properly implement this
-  // eslint-disable-next-line react-hooks/rules-of-hooks
+
   store.useClientDocument = (table, idOrOptions, options) => useClientDocument(table, idOrOptions, options, { store })
   return store as Store & ReactApi
 }
@@ -21,7 +21,7 @@ export const useStore = (options?: { store?: Store }): { store: Store & ReactApi
     return { store: withReactApi(options.store) }
   }
 
-  // eslint-disable-next-line react-hooks/rules-of-hooks
+  // biome-ignore lint/correctness/useHookAtTopLevel: store is stable
   const storeContext = React.useContext(LiveStoreContext)
 
   if (storeContext === undefined) {

package/src/utils/stack-info.ts

@@ -6,7 +6,7 @@ export const originalStackLimit = Error.stackTraceLimit
 export const useStackInfo = (): StackInfo =>
   React.useMemo(() => {
     Error.stackTraceLimit = 10
-    // eslint-disable-next-line unicorn/error-message
+
     const stack = new Error().stack!
     Error.stackTraceLimit = originalStackLimit
     return extractStackInfoFromStackTrace(stack)

package/src/utils/useStateRefWithReactiveInput.ts

@@ -25,15 +25,12 @@ export const useStateRefWithReactiveInput = <T>(
     stateRef.current = inputState
   }
 
-  const setStateAndRerender = React.useCallback(
-    (newState: ((prev: T) => T) | T) => {
-      // @ts-expect-error https://github.com/microsoft/TypeScript/issues/37663
-      const val = typeof newState === 'function' ? newState(stateRef.current) : newState
-      stateRef.current = val
-      rerender((c) => c + 1)
-    },
-    [rerender],
-  )
+  const setStateAndRerender = React.useCallback((newState: ((prev: T) => T) | T) => {
+    // @ts-expect-error https://github.com/microsoft/TypeScript/issues/37663
+    const val = typeof newState === 'function' ? newState(stateRef.current) : newState
+    stateRef.current = val
+    rerender((c) => c + 1)
+  }, [])
 
   return [stateRef, setStateAndRerender]
 }