@tanstack/react-db/dist/cjs/useLiveQueryEffect.cjs

React integration for @tanstack/db

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const react = require("react");
const db = require("@tanstack/db");
function useLiveQueryEffect(config, deps = []) {
  const configRef = react.useRef(config);
  configRef.current = config;
  react.useEffect(() => {
    const effect = db.createEffect({
      id: config.id,
      query: config.query,
      skipInitial: config.skipInitial,
      onEnter: (event, ctx) => configRef.current.onEnter?.(event, ctx),
      onUpdate: (event, ctx) => configRef.current.onUpdate?.(event, ctx),
      onExit: (event, ctx) => configRef.current.onExit?.(event, ctx),
      onBatch: (events, ctx) => configRef.current.onBatch?.(events, ctx),
      onError: config.onError ? (error, event) => configRef.current.onError?.(error, event) : void 0,
      onSourceError: config.onSourceError ? (error) => configRef.current.onSourceError?.(error) : void 0
    });
    return () => {
      effect.dispose();
    };
  }, deps);
}
exports.useLiveQueryEffect = useLiveQueryEffect;
//# sourceMappingURL=useLiveQueryEffect.cjs.map