[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-tanstack-react-db":3,"mdc--l1q7lh-key":37,"related-org-tanstack-react-db":6570,"related-repo-tanstack-react-db":6712},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":26,"repoUrl":27,"updatedAt":28,"license":29,"forks":30,"topics":31,"repo":32,"sourceUrl":35,"mdContent":36},"react-db","manage reactive database queries in React","React bindings for TanStack DB. useLiveQuery hook with dependency arrays (8 overloads: query function, config object, pre-created collection, disabled state via returning undefined\u002Fnull). useLiveSuspenseQuery for React Suspense with Error Boundaries (data always defined). useLiveInfiniteQuery for cursor-based pagination (pageSize, fetchNextPage, hasNextPage, isFetchingNextPage). usePacedMutations for debounced React state updates. Return shape: data, state, collection, status, isLoading, isReady, isError. Import from @tanstack\u002Freact-db (re-exports all of @tanstack\u002Fdb).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},"tanstack","TanStack","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ftanstack.png",[12,16,19,22,23],{"name":13,"slug":14,"type":15},"React","react","tag",{"name":17,"slug":18,"type":15},"TypeScript","typescript",{"name":20,"slug":21,"type":15},"Database","database",{"name":9,"slug":8,"type":15},{"name":24,"slug":25,"type":15},"Frontend","frontend",3811,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Fdb","2026-07-17T06:09:15.899598",null,245,[],{"repoUrl":27,"stars":26,"forks":30,"topics":33,"description":34},[],"The reactive client store for your API.","https:\u002F\u002Fgithub.com\u002FTanStack\u002Fdb\u002Ftree\u002FHEAD\u002Fpackages\u002Freact-db\u002Fskills\u002Freact-db","---\nname: react-db\ndescription: >\n React bindings for TanStack DB. useLiveQuery hook with dependency arrays\n (8 overloads: query function, config object, pre-created collection,\n disabled state via returning undefined\u002Fnull). useLiveSuspenseQuery for\n React Suspense with Error Boundaries (data always defined).\n useLiveInfiniteQuery for cursor-based pagination (pageSize, fetchNextPage,\n hasNextPage, isFetchingNextPage). usePacedMutations for debounced React\n state updates. Return shape: data, state, collection, status, isLoading,\n isReady, isError. Import from @tanstack\u002Freact-db (re-exports all of\n @tanstack\u002Fdb).\ntype: framework\nlibrary: db\nframework: react\nlibrary_version: '0.6.0'\nrequires:\n - db-core\nsources:\n - 'TanStack\u002Fdb:docs\u002Fframework\u002Freact\u002Foverview.md'\n - 'TanStack\u002Fdb:docs\u002Fguides\u002Flive-queries.md'\n - 'TanStack\u002Fdb:packages\u002Freact-db\u002Fsrc\u002FuseLiveQuery.ts'\n - 'TanStack\u002Fdb:packages\u002Freact-db\u002Fsrc\u002FuseLiveInfiniteQuery.ts'\n---\n\nThis skill builds on db-core. Read it first for collection setup, query builder, and mutation patterns.\n\n# TanStack DB — React\n\n## Setup\n\n```tsx\nimport { useLiveQuery, eq, not } from '@tanstack\u002Freact-db'\n\nfunction TodoList() {\n const { data: todos, isLoading } = useLiveQuery((q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => not(todo.completed))\n .orderBy(({ todo }) => todo.created_at, 'asc'),\n )\n\n if (isLoading) return \u003Cdiv>Loading...\u003C\u002Fdiv>\n\n return (\n \u003Cul>\n {todos.map((todo) => (\n \u003Cli key={todo.id}>{todo.text}\u003C\u002Fli>\n ))}\n \u003C\u002Ful>\n )\n}\n```\n\n`@tanstack\u002Freact-db` re-exports everything from `@tanstack\u002Fdb`. In React projects, import everything from `@tanstack\u002Freact-db`.\n\n## Hooks\n\n### useLiveQuery\n\n```tsx\n\u002F\u002F Query function with dependency array\nconst {\n data,\n state,\n collection,\n status,\n isLoading,\n isReady,\n isError,\n isIdle,\n isCleanedUp,\n} = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, userId)),\n [userId],\n)\n\n\u002F\u002F Config object\nconst { data } = useLiveQuery({\n query: (q) => q.from({ todo: todoCollection }),\n gcTime: 60000,\n})\n\n\u002F\u002F Pre-created collection (from route loader)\nconst { data } = useLiveQuery(preloadedCollection)\n\n\u002F\u002F Conditional query — return undefined\u002Fnull to disable\nconst { data, status } = useLiveQuery(\n (q) => {\n if (!userId) return undefined\n return q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, userId))\n },\n [userId],\n)\n\u002F\u002F When disabled: status='disabled', data=undefined\n```\n\n### useLiveSuspenseQuery\n\n```tsx\n\u002F\u002F data is ALWAYS defined — never undefined\n\u002F\u002F Must wrap in \u003CSuspense> and \u003CErrorBoundary>\nfunction TodoList() {\n const { data: todos } = useLiveSuspenseQuery((q) =>\n q.from({ todo: todoCollection }),\n )\n\n return (\n \u003Cul>\n {todos.map((t) => (\n \u003Cli key={t.id}>{t.text}\u003C\u002Fli>\n ))}\n \u003C\u002Ful>\n )\n}\n\n\u002F\u002F With deps — re-suspends when deps change\nconst { data } = useLiveSuspenseQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.category, category)),\n [category],\n)\n```\n\n### useLiveInfiniteQuery\n\n```tsx\nconst { data, fetchNextPage, hasNextPage, isFetchingNextPage } =\n useLiveInfiniteQuery(\n (q) =>\n q\n .from({ posts: postsCollection })\n .orderBy(({ posts }) => posts.createdAt, 'desc'),\n { pageSize: 20 },\n [category],\n )\n\n\u002F\u002F data is the flat array of all loaded pages\n\u002F\u002F fetchNextPage() loads the next page\n\u002F\u002F hasNextPage is true when more data is available\n```\n\n### usePacedMutations\n\n```tsx\nimport { usePacedMutations, debounceStrategy } from \"@tanstack\u002Freact-db\"\n\nconst mutate = usePacedMutations({\n onMutate: (value: string) => {\n noteCollection.update(noteId, (draft) => {\n draft.content = value\n })\n },\n mutationFn: async ({ transaction }) => {\n await api.notes.update(noteId, transaction.mutations[0].changes)\n },\n strategy: debounceStrategy({ wait: 500 }),\n})\n\n\u002F\u002F In handler:\n\u003Ctextarea onChange={(e) => mutate(e.target.value)} \u002F>\n```\n\n## Includes (Hierarchical Data)\n\nWhen a query uses includes (subqueries in `select`), each child field is a live `Collection` by default. Subscribe to it with `useLiveQuery` in a subcomponent:\n\n```tsx\nfunction ProjectList() {\n const { data: projects } = useLiveQuery((q) =>\n q.from({ p: projectsCollection }).select(({ p }) => ({\n id: p.id,\n name: p.name,\n issues: q\n .from({ i: issuesCollection })\n .where(({ i }) => eq(i.projectId, p.id))\n .select(({ i }) => ({ id: i.id, title: i.title })),\n })),\n )\n\n return (\n \u003Cul>\n {projects.map((project) => (\n \u003Cli key={project.id}>\n {project.name}\n \u003CIssueList issuesCollection={project.issues} \u002F>\n \u003C\u002Fli>\n ))}\n \u003C\u002Ful>\n )\n}\n\n\u002F\u002F Child component subscribes to the child Collection\nfunction IssueList({ issuesCollection }) {\n const { data: issues } = useLiveQuery(issuesCollection)\n return (\n \u003Cul>\n {issues.map((issue) => (\n \u003Cli key={issue.id}>{issue.title}\u003C\u002Fli>\n ))}\n \u003C\u002Ful>\n )\n}\n```\n\nOnly the affected `IssueList` re-renders when an issue changes — the parent does not.\n\nWith `toArray()`, child results are plain arrays and the parent re-renders on child changes:\n\n```tsx\nimport { toArray, eq } from '@tanstack\u002Freact-db'\n\nconst { data: projects } = useLiveQuery((q) =>\n q.from({ p: projectsCollection }).select(({ p }) => ({\n id: p.id,\n name: p.name,\n issues: toArray(\n q\n .from({ i: issuesCollection })\n .where(({ i }) => eq(i.projectId, p.id))\n .select(({ i }) => ({ id: i.id, title: i.title })),\n ),\n })),\n)\n\u002F\u002F project.issues is string[] — no subcomponent needed\n```\n\nSee db-core\u002Flive-queries\u002FSKILL.md for full includes rules (correlation conditions, nested includes, aggregates).\n\n## Virtual Properties\n\nLive query results include computed, read-only virtual properties on every row:\n\n- `$synced`: `true` when the row is confirmed by sync; `false` when it is still optimistic.\n- `$origin`: `\"local\"` if the last confirmed change came from this client, otherwise `\"remote\"`.\n- `$key`: the row key for the result.\n- `$collectionId`: the source collection ID.\n\nThese props are added automatically and can be used in `where`, `select`, and `orderBy` clauses. Do not persist them back to storage.\n\n```tsx\nconst { data } = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.$synced, false)),\n [],\n)\n\u002F\u002F Shows only optimistic (unconfirmed) todos\n```\n\n## React-Specific Patterns\n\n### Dependency arrays\n\n```tsx\n\u002F\u002F Include ALL external reactive values\nconst { data } = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) =>\n and(eq(todo.userId, userId), eq(todo.status, filter)),\n ),\n [userId, filter],\n)\n\n\u002F\u002F Empty array = static query, never re-runs\nconst { data } = useLiveQuery((q) => q.from({ todo: todoCollection }), [])\n\n\u002F\u002F No array = re-runs on every render (usually wrong)\n```\n\n### Suspense + Error Boundary\n\n```tsx\n\u003CErrorBoundary fallback={\u003Cdiv>Error\u003C\u002Fdiv>}>\n \u003CSuspense fallback={\u003Cdiv>Loading...\u003C\u002Fdiv>}>\n \u003CTodoList \u002F>\n \u003C\u002FSuspense>\n\u003C\u002FErrorBoundary>\n```\n\n### Router loader preloading\n\n```tsx\n\u002F\u002F In route loader:\nawait todoCollection.preload()\n\n\u002F\u002F In component — data available immediately:\nconst { data } = useLiveQuery((q) => q.from({ todo: todoCollection }))\n```\n\nSee meta-framework\u002FSKILL.md for full preloading patterns.\n\n## Common Mistakes\n\n### CRITICAL Missing external values in dependency array\n\nWrong:\n\n```tsx\nconst { data } = useLiveQuery((q) =>\n q.from({ todo: todoCollection }).where(({ todo }) => eq(todo.userId, userId)),\n)\n```\n\nCorrect:\n\n```tsx\nconst { data } = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, userId)),\n [userId],\n)\n```\n\nWhen the query uses external state not in the deps array, the query won't re-run when that value changes, showing stale results.\n\nSource: docs\u002Fframework\u002Freact\u002Foverview.md\n\n### HIGH useLiveSuspenseQuery without Error Boundary\n\nWrong:\n\n```tsx\n\u003CSuspense fallback={\u003Cdiv>Loading...\u003C\u002Fdiv>}>\n \u003CTodoList \u002F> {\u002F* uses useLiveSuspenseQuery *\u002F}\n\u003C\u002FSuspense>\n```\n\nCorrect:\n\n```tsx\n\u003CErrorBoundary fallback={\u003Cdiv>Error\u003C\u002Fdiv>}>\n \u003CSuspense fallback={\u003Cdiv>Loading...\u003C\u002Fdiv>}>\n \u003CTodoList \u002F>\n \u003C\u002FSuspense>\n\u003C\u002FErrorBoundary>\n```\n\n`useLiveSuspenseQuery` throws errors during rendering. Without an Error Boundary, the entire app crashes.\n\nSource: docs\u002Fguides\u002Flive-queries.md\n\n### HIGH \"Not a Collection\" error from duplicate @tanstack\u002Fdb\n\nIf `useLiveQuery` throws `InvalidSourceError: The value provided for alias \"todo\" is not a Collection`, it usually means two copies of `@tanstack\u002Fdb` are installed. The collection was created by one copy, but `useLiveQuery` checks `instanceof` against the other.\n\nIn dev mode, TanStack DB also throws `DuplicateDbInstanceError` if two instances are detected.\n\n**Diagnose:**\n\n```bash\npnpm ls @tanstack\u002Fdb\n```\n\nIf multiple versions appear, fix with one of:\n\n**pnpm overrides** (in root package.json):\n\n```json\n{\n \"pnpm\": {\n \"overrides\": {\n \"@tanstack\u002Fdb\": \"^0.6.0\"\n }\n }\n}\n```\n\n**Vite resolve.alias** (in vite.config.ts):\n\n```ts\nimport path from 'path'\n\nexport default defineConfig({\n resolve: {\n alias: {\n '@tanstack\u002Fdb': path.resolve('.\u002Fnode_modules\u002F@tanstack\u002Fdb'),\n },\n },\n})\n```\n\nThe root cause is typically a dependency that bundles its own copy instead of declaring `@tanstack\u002Fdb` as a `peerDependency`.\n\n### HIGH Tension: Query expressiveness vs. IVM constraints\n\nThe query builder looks like SQL but has constraints that SQL doesn't — equality joins only, orderBy required for limit\u002Foffset, no distinct without select. Agents write SQL-style queries that violate these constraints. See db-core\u002Flive-queries\u002FSKILL.md § Common Mistakes for all constraints.\n\nSee also: db-core\u002Flive-queries\u002FSKILL.md — for query builder API and all operators.\n\nSee also: db-core\u002Fmutations-optimistic\u002FSKILL.md — for mutation patterns.\n\nSee also: meta-framework\u002FSKILL.md — for preloading in route loaders.\n",{"data":38,"body":49},{"name":4,"description":6,"type":39,"library":40,"framework":14,"library_version":41,"requires":42,"sources":44},"framework","db","0.6.0",[43],"db-core",[45,46,47,48],"TanStack\u002Fdb:docs\u002Fframework\u002Freact\u002Foverview.md","TanStack\u002Fdb:docs\u002Fguides\u002Flive-queries.md","TanStack\u002Fdb:packages\u002Freact-db\u002Fsrc\u002FuseLiveQuery.ts","TanStack\u002Fdb:packages\u002Freact-db\u002Fsrc\u002FuseLiveInfiniteQuery.ts",{"type":50,"children":51},"root",[52,60,67,74,740,764,770,777,1568,1574,2094,2100,2386,2392,2895,2901,2929,3894,3906,3919,4441,4446,4452,4457,4534,4560,4755,4761,4767,5147,5153,5301,5307,5450,5455,5461,5467,5472,5632,5637,5817,5822,5827,5833,5837,5931,5935,6072,6082,6087,6093,6135,6148,6157,6184,6189,6199,6321,6331,6519,6538,6544,6549,6554,6559,6564],{"type":53,"tag":54,"props":55,"children":56},"element","p",{},[57],{"type":58,"value":59},"text","This skill builds on db-core. Read it first for collection setup, query builder, and mutation patterns.",{"type":53,"tag":61,"props":62,"children":64},"h1",{"id":63},"tanstack-db-react",[65],{"type":58,"value":66},"TanStack DB — React",{"type":53,"tag":68,"props":69,"children":71},"h2",{"id":70},"setup",[72],{"type":58,"value":73},"Setup",{"type":53,"tag":75,"props":76,"children":81},"pre",{"className":77,"code":78,"language":79,"meta":80,"style":80},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { useLiveQuery, eq, not } from '@tanstack\u002Freact-db'\n\nfunction TodoList() {\n const { data: todos, isLoading } = useLiveQuery((q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => not(todo.completed))\n .orderBy(({ todo }) => todo.created_at, 'asc'),\n )\n\n if (isLoading) return \u003Cdiv>Loading...\u003C\u002Fdiv>\n\n return (\n \u003Cul>\n {todos.map((todo) => (\n \u003Cli key={todo.id}>{todo.text}\u003C\u002Fli>\n ))}\n \u003C\u002Ful>\n )\n}\n","tsx","",[82],{"type":53,"tag":83,"props":84,"children":85},"code",{"__ignoreMap":80},[86,155,165,191,267,276,322,386,459,468,476,539,547,561,579,626,693,707,724,732],{"type":53,"tag":87,"props":88,"children":91},"span",{"class":89,"line":90},"line",1,[92,98,104,110,115,120,124,129,134,139,144,150],{"type":53,"tag":87,"props":93,"children":95},{"style":94},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[96],{"type":58,"value":97},"import",{"type":53,"tag":87,"props":99,"children":101},{"style":100},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[102],{"type":58,"value":103}," {",{"type":53,"tag":87,"props":105,"children":107},{"style":106},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[108],{"type":58,"value":109}," useLiveQuery",{"type":53,"tag":87,"props":111,"children":112},{"style":100},[113],{"type":58,"value":114},",",{"type":53,"tag":87,"props":116,"children":117},{"style":106},[118],{"type":58,"value":119}," eq",{"type":53,"tag":87,"props":121,"children":122},{"style":100},[123],{"type":58,"value":114},{"type":53,"tag":87,"props":125,"children":126},{"style":106},[127],{"type":58,"value":128}," not",{"type":53,"tag":87,"props":130,"children":131},{"style":100},[132],{"type":58,"value":133}," }",{"type":53,"tag":87,"props":135,"children":136},{"style":94},[137],{"type":58,"value":138}," from",{"type":53,"tag":87,"props":140,"children":141},{"style":100},[142],{"type":58,"value":143}," '",{"type":53,"tag":87,"props":145,"children":147},{"style":146},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[148],{"type":58,"value":149},"@tanstack\u002Freact-db",{"type":53,"tag":87,"props":151,"children":152},{"style":100},[153],{"type":58,"value":154},"'\n",{"type":53,"tag":87,"props":156,"children":158},{"class":89,"line":157},2,[159],{"type":53,"tag":87,"props":160,"children":162},{"emptyLinePlaceholder":161},true,[163],{"type":58,"value":164},"\n",{"type":53,"tag":87,"props":166,"children":168},{"class":89,"line":167},3,[169,175,181,186],{"type":53,"tag":87,"props":170,"children":172},{"style":171},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[173],{"type":58,"value":174},"function",{"type":53,"tag":87,"props":176,"children":178},{"style":177},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[179],{"type":58,"value":180}," TodoList",{"type":53,"tag":87,"props":182,"children":183},{"style":100},[184],{"type":58,"value":185},"()",{"type":53,"tag":87,"props":187,"children":188},{"style":100},[189],{"type":58,"value":190}," {\n",{"type":53,"tag":87,"props":192,"children":194},{"class":89,"line":193},4,[195,200,204,210,215,220,224,229,233,238,242,247,251,257,262],{"type":53,"tag":87,"props":196,"children":197},{"style":171},[198],{"type":58,"value":199}," const",{"type":53,"tag":87,"props":201,"children":202},{"style":100},[203],{"type":58,"value":103},{"type":53,"tag":87,"props":205,"children":207},{"style":206},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[208],{"type":58,"value":209}," data",{"type":53,"tag":87,"props":211,"children":212},{"style":100},[213],{"type":58,"value":214},":",{"type":53,"tag":87,"props":216,"children":217},{"style":106},[218],{"type":58,"value":219}," todos",{"type":53,"tag":87,"props":221,"children":222},{"style":100},[223],{"type":58,"value":114},{"type":53,"tag":87,"props":225,"children":226},{"style":106},[227],{"type":58,"value":228}," isLoading",{"type":53,"tag":87,"props":230,"children":231},{"style":100},[232],{"type":58,"value":133},{"type":53,"tag":87,"props":234,"children":235},{"style":100},[236],{"type":58,"value":237}," =",{"type":53,"tag":87,"props":239,"children":240},{"style":177},[241],{"type":58,"value":109},{"type":53,"tag":87,"props":243,"children":244},{"style":206},[245],{"type":58,"value":246},"(",{"type":53,"tag":87,"props":248,"children":249},{"style":100},[250],{"type":58,"value":246},{"type":53,"tag":87,"props":252,"children":254},{"style":253},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[255],{"type":58,"value":256},"q",{"type":53,"tag":87,"props":258,"children":259},{"style":100},[260],{"type":58,"value":261},")",{"type":53,"tag":87,"props":263,"children":264},{"style":171},[265],{"type":58,"value":266}," =>\n",{"type":53,"tag":87,"props":268,"children":270},{"class":89,"line":269},5,[271],{"type":53,"tag":87,"props":272,"children":273},{"style":106},[274],{"type":58,"value":275}," q\n",{"type":53,"tag":87,"props":277,"children":279},{"class":89,"line":278},6,[280,285,290,294,299,304,308,313,317],{"type":53,"tag":87,"props":281,"children":282},{"style":100},[283],{"type":58,"value":284}," .",{"type":53,"tag":87,"props":286,"children":287},{"style":177},[288],{"type":58,"value":289},"from",{"type":53,"tag":87,"props":291,"children":292},{"style":206},[293],{"type":58,"value":246},{"type":53,"tag":87,"props":295,"children":296},{"style":100},[297],{"type":58,"value":298},"{",{"type":53,"tag":87,"props":300,"children":301},{"style":206},[302],{"type":58,"value":303}," todo",{"type":53,"tag":87,"props":305,"children":306},{"style":100},[307],{"type":58,"value":214},{"type":53,"tag":87,"props":309,"children":310},{"style":106},[311],{"type":58,"value":312}," todoCollection",{"type":53,"tag":87,"props":314,"children":315},{"style":100},[316],{"type":58,"value":133},{"type":53,"tag":87,"props":318,"children":319},{"style":206},[320],{"type":58,"value":321},")\n",{"type":53,"tag":87,"props":323,"children":325},{"class":89,"line":324},7,[326,330,335,339,344,348,353,358,362,366,371,376,381],{"type":53,"tag":87,"props":327,"children":328},{"style":100},[329],{"type":58,"value":284},{"type":53,"tag":87,"props":331,"children":332},{"style":177},[333],{"type":58,"value":334},"where",{"type":53,"tag":87,"props":336,"children":337},{"style":206},[338],{"type":58,"value":246},{"type":53,"tag":87,"props":340,"children":341},{"style":100},[342],{"type":58,"value":343},"({",{"type":53,"tag":87,"props":345,"children":346},{"style":253},[347],{"type":58,"value":303},{"type":53,"tag":87,"props":349,"children":350},{"style":100},[351],{"type":58,"value":352}," })",{"type":53,"tag":87,"props":354,"children":355},{"style":171},[356],{"type":58,"value":357}," =>",{"type":53,"tag":87,"props":359,"children":360},{"style":177},[361],{"type":58,"value":128},{"type":53,"tag":87,"props":363,"children":364},{"style":206},[365],{"type":58,"value":246},{"type":53,"tag":87,"props":367,"children":368},{"style":106},[369],{"type":58,"value":370},"todo",{"type":53,"tag":87,"props":372,"children":373},{"style":100},[374],{"type":58,"value":375},".",{"type":53,"tag":87,"props":377,"children":378},{"style":106},[379],{"type":58,"value":380},"completed",{"type":53,"tag":87,"props":382,"children":383},{"style":206},[384],{"type":58,"value":385},"))\n",{"type":53,"tag":87,"props":387,"children":389},{"class":89,"line":388},8,[390,394,399,403,407,411,415,419,423,427,432,436,440,445,450,454],{"type":53,"tag":87,"props":391,"children":392},{"style":100},[393],{"type":58,"value":284},{"type":53,"tag":87,"props":395,"children":396},{"style":177},[397],{"type":58,"value":398},"orderBy",{"type":53,"tag":87,"props":400,"children":401},{"style":206},[402],{"type":58,"value":246},{"type":53,"tag":87,"props":404,"children":405},{"style":100},[406],{"type":58,"value":343},{"type":53,"tag":87,"props":408,"children":409},{"style":253},[410],{"type":58,"value":303},{"type":53,"tag":87,"props":412,"children":413},{"style":100},[414],{"type":58,"value":352},{"type":53,"tag":87,"props":416,"children":417},{"style":171},[418],{"type":58,"value":357},{"type":53,"tag":87,"props":420,"children":421},{"style":106},[422],{"type":58,"value":303},{"type":53,"tag":87,"props":424,"children":425},{"style":100},[426],{"type":58,"value":375},{"type":53,"tag":87,"props":428,"children":429},{"style":106},[430],{"type":58,"value":431},"created_at",{"type":53,"tag":87,"props":433,"children":434},{"style":100},[435],{"type":58,"value":114},{"type":53,"tag":87,"props":437,"children":438},{"style":100},[439],{"type":58,"value":143},{"type":53,"tag":87,"props":441,"children":442},{"style":146},[443],{"type":58,"value":444},"asc",{"type":53,"tag":87,"props":446,"children":447},{"style":100},[448],{"type":58,"value":449},"'",{"type":53,"tag":87,"props":451,"children":452},{"style":206},[453],{"type":58,"value":261},{"type":53,"tag":87,"props":455,"children":456},{"style":100},[457],{"type":58,"value":458},",\n",{"type":53,"tag":87,"props":460,"children":462},{"class":89,"line":461},9,[463],{"type":53,"tag":87,"props":464,"children":465},{"style":206},[466],{"type":58,"value":467}," )\n",{"type":53,"tag":87,"props":469,"children":471},{"class":89,"line":470},10,[472],{"type":53,"tag":87,"props":473,"children":474},{"emptyLinePlaceholder":161},[475],{"type":58,"value":164},{"type":53,"tag":87,"props":477,"children":479},{"class":89,"line":478},11,[480,485,490,495,500,505,510,515,520,525,530,534],{"type":53,"tag":87,"props":481,"children":482},{"style":94},[483],{"type":58,"value":484}," if",{"type":53,"tag":87,"props":486,"children":487},{"style":206},[488],{"type":58,"value":489}," (",{"type":53,"tag":87,"props":491,"children":492},{"style":106},[493],{"type":58,"value":494},"isLoading",{"type":53,"tag":87,"props":496,"children":497},{"style":206},[498],{"type":58,"value":499},") ",{"type":53,"tag":87,"props":501,"children":502},{"style":94},[503],{"type":58,"value":504},"return",{"type":53,"tag":87,"props":506,"children":507},{"style":100},[508],{"type":58,"value":509}," \u003C",{"type":53,"tag":87,"props":511,"children":512},{"style":206},[513],{"type":58,"value":514},"div",{"type":53,"tag":87,"props":516,"children":517},{"style":100},[518],{"type":58,"value":519},">",{"type":53,"tag":87,"props":521,"children":522},{"style":106},[523],{"type":58,"value":524},"Loading...",{"type":53,"tag":87,"props":526,"children":527},{"style":100},[528],{"type":58,"value":529},"\u003C\u002F",{"type":53,"tag":87,"props":531,"children":532},{"style":206},[533],{"type":58,"value":514},{"type":53,"tag":87,"props":535,"children":536},{"style":100},[537],{"type":58,"value":538},">\n",{"type":53,"tag":87,"props":540,"children":542},{"class":89,"line":541},12,[543],{"type":53,"tag":87,"props":544,"children":545},{"emptyLinePlaceholder":161},[546],{"type":58,"value":164},{"type":53,"tag":87,"props":548,"children":550},{"class":89,"line":549},13,[551,556],{"type":53,"tag":87,"props":552,"children":553},{"style":94},[554],{"type":58,"value":555}," return",{"type":53,"tag":87,"props":557,"children":558},{"style":206},[559],{"type":58,"value":560}," (\n",{"type":53,"tag":87,"props":562,"children":564},{"class":89,"line":563},14,[565,570,575],{"type":53,"tag":87,"props":566,"children":567},{"style":100},[568],{"type":58,"value":569}," \u003C",{"type":53,"tag":87,"props":571,"children":572},{"style":206},[573],{"type":58,"value":574},"ul",{"type":53,"tag":87,"props":576,"children":577},{"style":100},[578],{"type":58,"value":538},{"type":53,"tag":87,"props":580,"children":582},{"class":89,"line":581},15,[583,588,593,597,602,606,610,614,618,622],{"type":53,"tag":87,"props":584,"children":585},{"style":100},[586],{"type":58,"value":587}," {",{"type":53,"tag":87,"props":589,"children":590},{"style":106},[591],{"type":58,"value":592},"todos",{"type":53,"tag":87,"props":594,"children":595},{"style":100},[596],{"type":58,"value":375},{"type":53,"tag":87,"props":598,"children":599},{"style":177},[600],{"type":58,"value":601},"map",{"type":53,"tag":87,"props":603,"children":604},{"style":106},[605],{"type":58,"value":246},{"type":53,"tag":87,"props":607,"children":608},{"style":100},[609],{"type":58,"value":246},{"type":53,"tag":87,"props":611,"children":612},{"style":253},[613],{"type":58,"value":370},{"type":53,"tag":87,"props":615,"children":616},{"style":100},[617],{"type":58,"value":261},{"type":53,"tag":87,"props":619,"children":620},{"style":171},[621],{"type":58,"value":357},{"type":53,"tag":87,"props":623,"children":624},{"style":106},[625],{"type":58,"value":560},{"type":53,"tag":87,"props":627,"children":629},{"class":89,"line":628},16,[630,635,640,645,650,654,658,663,668,672,676,680,685,689],{"type":53,"tag":87,"props":631,"children":632},{"style":100},[633],{"type":58,"value":634}," \u003C",{"type":53,"tag":87,"props":636,"children":637},{"style":206},[638],{"type":58,"value":639},"li",{"type":53,"tag":87,"props":641,"children":642},{"style":171},[643],{"type":58,"value":644}," key",{"type":53,"tag":87,"props":646,"children":647},{"style":100},[648],{"type":58,"value":649},"={",{"type":53,"tag":87,"props":651,"children":652},{"style":106},[653],{"type":58,"value":370},{"type":53,"tag":87,"props":655,"children":656},{"style":100},[657],{"type":58,"value":375},{"type":53,"tag":87,"props":659,"children":660},{"style":106},[661],{"type":58,"value":662},"id",{"type":53,"tag":87,"props":664,"children":665},{"style":100},[666],{"type":58,"value":667},"}>{",{"type":53,"tag":87,"props":669,"children":670},{"style":106},[671],{"type":58,"value":370},{"type":53,"tag":87,"props":673,"children":674},{"style":100},[675],{"type":58,"value":375},{"type":53,"tag":87,"props":677,"children":678},{"style":106},[679],{"type":58,"value":58},{"type":53,"tag":87,"props":681,"children":682},{"style":100},[683],{"type":58,"value":684},"}\u003C\u002F",{"type":53,"tag":87,"props":686,"children":687},{"style":206},[688],{"type":58,"value":639},{"type":53,"tag":87,"props":690,"children":691},{"style":100},[692],{"type":58,"value":538},{"type":53,"tag":87,"props":694,"children":696},{"class":89,"line":695},17,[697,702],{"type":53,"tag":87,"props":698,"children":699},{"style":106},[700],{"type":58,"value":701}," ))",{"type":53,"tag":87,"props":703,"children":704},{"style":100},[705],{"type":58,"value":706},"}\n",{"type":53,"tag":87,"props":708,"children":710},{"class":89,"line":709},18,[711,716,720],{"type":53,"tag":87,"props":712,"children":713},{"style":100},[714],{"type":58,"value":715}," \u003C\u002F",{"type":53,"tag":87,"props":717,"children":718},{"style":206},[719],{"type":58,"value":574},{"type":53,"tag":87,"props":721,"children":722},{"style":100},[723],{"type":58,"value":538},{"type":53,"tag":87,"props":725,"children":727},{"class":89,"line":726},19,[728],{"type":53,"tag":87,"props":729,"children":730},{"style":206},[731],{"type":58,"value":467},{"type":53,"tag":87,"props":733,"children":735},{"class":89,"line":734},20,[736],{"type":53,"tag":87,"props":737,"children":738},{"style":100},[739],{"type":58,"value":706},{"type":53,"tag":54,"props":741,"children":742},{},[743,748,750,756,758,763],{"type":53,"tag":83,"props":744,"children":746},{"className":745},[],[747],{"type":58,"value":149},{"type":58,"value":749}," re-exports everything from ",{"type":53,"tag":83,"props":751,"children":753},{"className":752},[],[754],{"type":58,"value":755},"@tanstack\u002Fdb",{"type":58,"value":757},". In React projects, import everything from ",{"type":53,"tag":83,"props":759,"children":761},{"className":760},[],[762],{"type":58,"value":149},{"type":58,"value":375},{"type":53,"tag":68,"props":765,"children":767},{"id":766},"hooks",[768],{"type":58,"value":769},"Hooks",{"type":53,"tag":771,"props":772,"children":774},"h3",{"id":773},"uselivequery",[775],{"type":58,"value":776},"useLiveQuery",{"type":53,"tag":75,"props":778,"children":780},{"className":77,"code":779,"language":79,"meta":80,"style":80},"\u002F\u002F Query function with dependency array\nconst {\n data,\n state,\n collection,\n status,\n isLoading,\n isReady,\n isError,\n isIdle,\n isCleanedUp,\n} = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, userId)),\n [userId],\n)\n\n\u002F\u002F Config object\nconst { data } = useLiveQuery({\n query: (q) => q.from({ todo: todoCollection }),\n gcTime: 60000,\n})\n\n\u002F\u002F Pre-created collection (from route loader)\nconst { data } = useLiveQuery(preloadedCollection)\n\n\u002F\u002F Conditional query — return undefined\u002Fnull to disable\nconst { data, status } = useLiveQuery(\n (q) => {\n if (!userId) return undefined\n return q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, userId))\n },\n [userId],\n)\n\u002F\u002F When disabled: status='disabled', data=undefined\n",[781],{"type":53,"tag":83,"props":782,"children":783},{"__ignoreMap":80},[784,793,805,817,829,841,853,865,877,889,901,913,934,954,961,1001,1063,1075,1082,1089,1097,1135,1209,1232,1244,1252,1261,1294,1302,1311,1352,1376,1411,1425,1465,1530,1539,1551,1559],{"type":53,"tag":87,"props":785,"children":786},{"class":89,"line":90},[787],{"type":53,"tag":87,"props":788,"children":790},{"style":789},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[791],{"type":58,"value":792},"\u002F\u002F Query function with dependency array\n",{"type":53,"tag":87,"props":794,"children":795},{"class":89,"line":157},[796,801],{"type":53,"tag":87,"props":797,"children":798},{"style":171},[799],{"type":58,"value":800},"const",{"type":53,"tag":87,"props":802,"children":803},{"style":100},[804],{"type":58,"value":190},{"type":53,"tag":87,"props":806,"children":807},{"class":89,"line":167},[808,813],{"type":53,"tag":87,"props":809,"children":810},{"style":106},[811],{"type":58,"value":812}," data",{"type":53,"tag":87,"props":814,"children":815},{"style":100},[816],{"type":58,"value":458},{"type":53,"tag":87,"props":818,"children":819},{"class":89,"line":193},[820,825],{"type":53,"tag":87,"props":821,"children":822},{"style":106},[823],{"type":58,"value":824}," state",{"type":53,"tag":87,"props":826,"children":827},{"style":100},[828],{"type":58,"value":458},{"type":53,"tag":87,"props":830,"children":831},{"class":89,"line":269},[832,837],{"type":53,"tag":87,"props":833,"children":834},{"style":106},[835],{"type":58,"value":836}," collection",{"type":53,"tag":87,"props":838,"children":839},{"style":100},[840],{"type":58,"value":458},{"type":53,"tag":87,"props":842,"children":843},{"class":89,"line":278},[844,849],{"type":53,"tag":87,"props":845,"children":846},{"style":106},[847],{"type":58,"value":848}," status",{"type":53,"tag":87,"props":850,"children":851},{"style":100},[852],{"type":58,"value":458},{"type":53,"tag":87,"props":854,"children":855},{"class":89,"line":324},[856,861],{"type":53,"tag":87,"props":857,"children":858},{"style":106},[859],{"type":58,"value":860}," isLoading",{"type":53,"tag":87,"props":862,"children":863},{"style":100},[864],{"type":58,"value":458},{"type":53,"tag":87,"props":866,"children":867},{"class":89,"line":388},[868,873],{"type":53,"tag":87,"props":869,"children":870},{"style":106},[871],{"type":58,"value":872}," isReady",{"type":53,"tag":87,"props":874,"children":875},{"style":100},[876],{"type":58,"value":458},{"type":53,"tag":87,"props":878,"children":879},{"class":89,"line":461},[880,885],{"type":53,"tag":87,"props":881,"children":882},{"style":106},[883],{"type":58,"value":884}," isError",{"type":53,"tag":87,"props":886,"children":887},{"style":100},[888],{"type":58,"value":458},{"type":53,"tag":87,"props":890,"children":891},{"class":89,"line":470},[892,897],{"type":53,"tag":87,"props":893,"children":894},{"style":106},[895],{"type":58,"value":896}," isIdle",{"type":53,"tag":87,"props":898,"children":899},{"style":100},[900],{"type":58,"value":458},{"type":53,"tag":87,"props":902,"children":903},{"class":89,"line":478},[904,909],{"type":53,"tag":87,"props":905,"children":906},{"style":106},[907],{"type":58,"value":908}," isCleanedUp",{"type":53,"tag":87,"props":910,"children":911},{"style":100},[912],{"type":58,"value":458},{"type":53,"tag":87,"props":914,"children":915},{"class":89,"line":541},[916,921,925,929],{"type":53,"tag":87,"props":917,"children":918},{"style":100},[919],{"type":58,"value":920},"}",{"type":53,"tag":87,"props":922,"children":923},{"style":100},[924],{"type":58,"value":237},{"type":53,"tag":87,"props":926,"children":927},{"style":177},[928],{"type":58,"value":109},{"type":53,"tag":87,"props":930,"children":931},{"style":106},[932],{"type":58,"value":933},"(\n",{"type":53,"tag":87,"props":935,"children":936},{"class":89,"line":549},[937,942,946,950],{"type":53,"tag":87,"props":938,"children":939},{"style":100},[940],{"type":58,"value":941}," (",{"type":53,"tag":87,"props":943,"children":944},{"style":253},[945],{"type":58,"value":256},{"type":53,"tag":87,"props":947,"children":948},{"style":100},[949],{"type":58,"value":261},{"type":53,"tag":87,"props":951,"children":952},{"style":171},[953],{"type":58,"value":266},{"type":53,"tag":87,"props":955,"children":956},{"class":89,"line":563},[957],{"type":53,"tag":87,"props":958,"children":959},{"style":106},[960],{"type":58,"value":275},{"type":53,"tag":87,"props":962,"children":963},{"class":89,"line":581},[964,968,972,976,980,984,988,993,997],{"type":53,"tag":87,"props":965,"children":966},{"style":100},[967],{"type":58,"value":284},{"type":53,"tag":87,"props":969,"children":970},{"style":177},[971],{"type":58,"value":289},{"type":53,"tag":87,"props":973,"children":974},{"style":106},[975],{"type":58,"value":246},{"type":53,"tag":87,"props":977,"children":978},{"style":100},[979],{"type":58,"value":298},{"type":53,"tag":87,"props":981,"children":982},{"style":206},[983],{"type":58,"value":303},{"type":53,"tag":87,"props":985,"children":986},{"style":100},[987],{"type":58,"value":214},{"type":53,"tag":87,"props":989,"children":990},{"style":106},[991],{"type":58,"value":992}," todoCollection ",{"type":53,"tag":87,"props":994,"children":995},{"style":100},[996],{"type":58,"value":920},{"type":53,"tag":87,"props":998,"children":999},{"style":106},[1000],{"type":58,"value":321},{"type":53,"tag":87,"props":1002,"children":1003},{"class":89,"line":628},[1004,1008,1012,1016,1020,1024,1028,1032,1036,1041,1045,1050,1054,1059],{"type":53,"tag":87,"props":1005,"children":1006},{"style":100},[1007],{"type":58,"value":284},{"type":53,"tag":87,"props":1009,"children":1010},{"style":177},[1011],{"type":58,"value":334},{"type":53,"tag":87,"props":1013,"children":1014},{"style":106},[1015],{"type":58,"value":246},{"type":53,"tag":87,"props":1017,"children":1018},{"style":100},[1019],{"type":58,"value":343},{"type":53,"tag":87,"props":1021,"children":1022},{"style":253},[1023],{"type":58,"value":303},{"type":53,"tag":87,"props":1025,"children":1026},{"style":100},[1027],{"type":58,"value":352},{"type":53,"tag":87,"props":1029,"children":1030},{"style":171},[1031],{"type":58,"value":357},{"type":53,"tag":87,"props":1033,"children":1034},{"style":177},[1035],{"type":58,"value":119},{"type":53,"tag":87,"props":1037,"children":1038},{"style":106},[1039],{"type":58,"value":1040},"(todo",{"type":53,"tag":87,"props":1042,"children":1043},{"style":100},[1044],{"type":58,"value":375},{"type":53,"tag":87,"props":1046,"children":1047},{"style":106},[1048],{"type":58,"value":1049},"userId",{"type":53,"tag":87,"props":1051,"children":1052},{"style":100},[1053],{"type":58,"value":114},{"type":53,"tag":87,"props":1055,"children":1056},{"style":106},[1057],{"type":58,"value":1058}," userId))",{"type":53,"tag":87,"props":1060,"children":1061},{"style":100},[1062],{"type":58,"value":458},{"type":53,"tag":87,"props":1064,"children":1065},{"class":89,"line":695},[1066,1071],{"type":53,"tag":87,"props":1067,"children":1068},{"style":106},[1069],{"type":58,"value":1070}," [userId]",{"type":53,"tag":87,"props":1072,"children":1073},{"style":100},[1074],{"type":58,"value":458},{"type":53,"tag":87,"props":1076,"children":1077},{"class":89,"line":709},[1078],{"type":53,"tag":87,"props":1079,"children":1080},{"style":106},[1081],{"type":58,"value":321},{"type":53,"tag":87,"props":1083,"children":1084},{"class":89,"line":726},[1085],{"type":53,"tag":87,"props":1086,"children":1087},{"emptyLinePlaceholder":161},[1088],{"type":58,"value":164},{"type":53,"tag":87,"props":1090,"children":1091},{"class":89,"line":734},[1092],{"type":53,"tag":87,"props":1093,"children":1094},{"style":789},[1095],{"type":58,"value":1096},"\u002F\u002F Config object\n",{"type":53,"tag":87,"props":1098,"children":1100},{"class":89,"line":1099},21,[1101,1105,1109,1114,1118,1122,1126,1130],{"type":53,"tag":87,"props":1102,"children":1103},{"style":171},[1104],{"type":58,"value":800},{"type":53,"tag":87,"props":1106,"children":1107},{"style":100},[1108],{"type":58,"value":103},{"type":53,"tag":87,"props":1110,"children":1111},{"style":106},[1112],{"type":58,"value":1113}," data ",{"type":53,"tag":87,"props":1115,"children":1116},{"style":100},[1117],{"type":58,"value":920},{"type":53,"tag":87,"props":1119,"children":1120},{"style":100},[1121],{"type":58,"value":237},{"type":53,"tag":87,"props":1123,"children":1124},{"style":177},[1125],{"type":58,"value":109},{"type":53,"tag":87,"props":1127,"children":1128},{"style":106},[1129],{"type":58,"value":246},{"type":53,"tag":87,"props":1131,"children":1132},{"style":100},[1133],{"type":58,"value":1134},"{\n",{"type":53,"tag":87,"props":1136,"children":1138},{"class":89,"line":1137},22,[1139,1144,1148,1152,1156,1160,1164,1169,1173,1177,1181,1185,1189,1193,1197,1201,1205],{"type":53,"tag":87,"props":1140,"children":1141},{"style":177},[1142],{"type":58,"value":1143}," query",{"type":53,"tag":87,"props":1145,"children":1146},{"style":100},[1147],{"type":58,"value":214},{"type":53,"tag":87,"props":1149,"children":1150},{"style":100},[1151],{"type":58,"value":489},{"type":53,"tag":87,"props":1153,"children":1154},{"style":253},[1155],{"type":58,"value":256},{"type":53,"tag":87,"props":1157,"children":1158},{"style":100},[1159],{"type":58,"value":261},{"type":53,"tag":87,"props":1161,"children":1162},{"style":171},[1163],{"type":58,"value":357},{"type":53,"tag":87,"props":1165,"children":1166},{"style":106},[1167],{"type":58,"value":1168}," q",{"type":53,"tag":87,"props":1170,"children":1171},{"style":100},[1172],{"type":58,"value":375},{"type":53,"tag":87,"props":1174,"children":1175},{"style":177},[1176],{"type":58,"value":289},{"type":53,"tag":87,"props":1178,"children":1179},{"style":106},[1180],{"type":58,"value":246},{"type":53,"tag":87,"props":1182,"children":1183},{"style":100},[1184],{"type":58,"value":298},{"type":53,"tag":87,"props":1186,"children":1187},{"style":206},[1188],{"type":58,"value":303},{"type":53,"tag":87,"props":1190,"children":1191},{"style":100},[1192],{"type":58,"value":214},{"type":53,"tag":87,"props":1194,"children":1195},{"style":106},[1196],{"type":58,"value":992},{"type":53,"tag":87,"props":1198,"children":1199},{"style":100},[1200],{"type":58,"value":920},{"type":53,"tag":87,"props":1202,"children":1203},{"style":106},[1204],{"type":58,"value":261},{"type":53,"tag":87,"props":1206,"children":1207},{"style":100},[1208],{"type":58,"value":458},{"type":53,"tag":87,"props":1210,"children":1212},{"class":89,"line":1211},23,[1213,1218,1222,1228],{"type":53,"tag":87,"props":1214,"children":1215},{"style":206},[1216],{"type":58,"value":1217}," gcTime",{"type":53,"tag":87,"props":1219,"children":1220},{"style":100},[1221],{"type":58,"value":214},{"type":53,"tag":87,"props":1223,"children":1225},{"style":1224},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[1226],{"type":58,"value":1227}," 60000",{"type":53,"tag":87,"props":1229,"children":1230},{"style":100},[1231],{"type":58,"value":458},{"type":53,"tag":87,"props":1233,"children":1235},{"class":89,"line":1234},24,[1236,1240],{"type":53,"tag":87,"props":1237,"children":1238},{"style":100},[1239],{"type":58,"value":920},{"type":53,"tag":87,"props":1241,"children":1242},{"style":106},[1243],{"type":58,"value":321},{"type":53,"tag":87,"props":1245,"children":1247},{"class":89,"line":1246},25,[1248],{"type":53,"tag":87,"props":1249,"children":1250},{"emptyLinePlaceholder":161},[1251],{"type":58,"value":164},{"type":53,"tag":87,"props":1253,"children":1255},{"class":89,"line":1254},26,[1256],{"type":53,"tag":87,"props":1257,"children":1258},{"style":789},[1259],{"type":58,"value":1260},"\u002F\u002F Pre-created collection (from route loader)\n",{"type":53,"tag":87,"props":1262,"children":1264},{"class":89,"line":1263},27,[1265,1269,1273,1277,1281,1285,1289],{"type":53,"tag":87,"props":1266,"children":1267},{"style":171},[1268],{"type":58,"value":800},{"type":53,"tag":87,"props":1270,"children":1271},{"style":100},[1272],{"type":58,"value":103},{"type":53,"tag":87,"props":1274,"children":1275},{"style":106},[1276],{"type":58,"value":1113},{"type":53,"tag":87,"props":1278,"children":1279},{"style":100},[1280],{"type":58,"value":920},{"type":53,"tag":87,"props":1282,"children":1283},{"style":100},[1284],{"type":58,"value":237},{"type":53,"tag":87,"props":1286,"children":1287},{"style":177},[1288],{"type":58,"value":109},{"type":53,"tag":87,"props":1290,"children":1291},{"style":106},[1292],{"type":58,"value":1293},"(preloadedCollection)\n",{"type":53,"tag":87,"props":1295,"children":1297},{"class":89,"line":1296},28,[1298],{"type":53,"tag":87,"props":1299,"children":1300},{"emptyLinePlaceholder":161},[1301],{"type":58,"value":164},{"type":53,"tag":87,"props":1303,"children":1305},{"class":89,"line":1304},29,[1306],{"type":53,"tag":87,"props":1307,"children":1308},{"style":789},[1309],{"type":58,"value":1310},"\u002F\u002F Conditional query — return undefined\u002Fnull to disable\n",{"type":53,"tag":87,"props":1312,"children":1314},{"class":89,"line":1313},30,[1315,1319,1323,1327,1331,1336,1340,1344,1348],{"type":53,"tag":87,"props":1316,"children":1317},{"style":171},[1318],{"type":58,"value":800},{"type":53,"tag":87,"props":1320,"children":1321},{"style":100},[1322],{"type":58,"value":103},{"type":53,"tag":87,"props":1324,"children":1325},{"style":106},[1326],{"type":58,"value":209},{"type":53,"tag":87,"props":1328,"children":1329},{"style":100},[1330],{"type":58,"value":114},{"type":53,"tag":87,"props":1332,"children":1333},{"style":106},[1334],{"type":58,"value":1335}," status ",{"type":53,"tag":87,"props":1337,"children":1338},{"style":100},[1339],{"type":58,"value":920},{"type":53,"tag":87,"props":1341,"children":1342},{"style":100},[1343],{"type":58,"value":237},{"type":53,"tag":87,"props":1345,"children":1346},{"style":177},[1347],{"type":58,"value":109},{"type":53,"tag":87,"props":1349,"children":1350},{"style":106},[1351],{"type":58,"value":933},{"type":53,"tag":87,"props":1353,"children":1355},{"class":89,"line":1354},31,[1356,1360,1364,1368,1372],{"type":53,"tag":87,"props":1357,"children":1358},{"style":100},[1359],{"type":58,"value":941},{"type":53,"tag":87,"props":1361,"children":1362},{"style":253},[1363],{"type":58,"value":256},{"type":53,"tag":87,"props":1365,"children":1366},{"style":100},[1367],{"type":58,"value":261},{"type":53,"tag":87,"props":1369,"children":1370},{"style":171},[1371],{"type":58,"value":357},{"type":53,"tag":87,"props":1373,"children":1374},{"style":100},[1375],{"type":58,"value":190},{"type":53,"tag":87,"props":1377,"children":1379},{"class":89,"line":1378},32,[1380,1385,1389,1394,1398,1402,1406],{"type":53,"tag":87,"props":1381,"children":1382},{"style":94},[1383],{"type":58,"value":1384}," if",{"type":53,"tag":87,"props":1386,"children":1387},{"style":206},[1388],{"type":58,"value":489},{"type":53,"tag":87,"props":1390,"children":1391},{"style":100},[1392],{"type":58,"value":1393},"!",{"type":53,"tag":87,"props":1395,"children":1396},{"style":106},[1397],{"type":58,"value":1049},{"type":53,"tag":87,"props":1399,"children":1400},{"style":206},[1401],{"type":58,"value":499},{"type":53,"tag":87,"props":1403,"children":1404},{"style":94},[1405],{"type":58,"value":504},{"type":53,"tag":87,"props":1407,"children":1408},{"style":100},[1409],{"type":58,"value":1410}," undefined\n",{"type":53,"tag":87,"props":1412,"children":1414},{"class":89,"line":1413},33,[1415,1420],{"type":53,"tag":87,"props":1416,"children":1417},{"style":94},[1418],{"type":58,"value":1419}," return",{"type":53,"tag":87,"props":1421,"children":1422},{"style":106},[1423],{"type":58,"value":1424}," q\n",{"type":53,"tag":87,"props":1426,"children":1428},{"class":89,"line":1427},34,[1429,1433,1437,1441,1445,1449,1453,1457,1461],{"type":53,"tag":87,"props":1430,"children":1431},{"style":100},[1432],{"type":58,"value":284},{"type":53,"tag":87,"props":1434,"children":1435},{"style":177},[1436],{"type":58,"value":289},{"type":53,"tag":87,"props":1438,"children":1439},{"style":206},[1440],{"type":58,"value":246},{"type":53,"tag":87,"props":1442,"children":1443},{"style":100},[1444],{"type":58,"value":298},{"type":53,"tag":87,"props":1446,"children":1447},{"style":206},[1448],{"type":58,"value":303},{"type":53,"tag":87,"props":1450,"children":1451},{"style":100},[1452],{"type":58,"value":214},{"type":53,"tag":87,"props":1454,"children":1455},{"style":106},[1456],{"type":58,"value":312},{"type":53,"tag":87,"props":1458,"children":1459},{"style":100},[1460],{"type":58,"value":133},{"type":53,"tag":87,"props":1462,"children":1463},{"style":206},[1464],{"type":58,"value":321},{"type":53,"tag":87,"props":1466,"children":1468},{"class":89,"line":1467},35,[1469,1473,1477,1481,1485,1489,1493,1497,1501,1505,1509,1513,1517,1521,1526],{"type":53,"tag":87,"props":1470,"children":1471},{"style":100},[1472],{"type":58,"value":284},{"type":53,"tag":87,"props":1474,"children":1475},{"style":177},[1476],{"type":58,"value":334},{"type":53,"tag":87,"props":1478,"children":1479},{"style":206},[1480],{"type":58,"value":246},{"type":53,"tag":87,"props":1482,"children":1483},{"style":100},[1484],{"type":58,"value":343},{"type":53,"tag":87,"props":1486,"children":1487},{"style":253},[1488],{"type":58,"value":303},{"type":53,"tag":87,"props":1490,"children":1491},{"style":100},[1492],{"type":58,"value":352},{"type":53,"tag":87,"props":1494,"children":1495},{"style":171},[1496],{"type":58,"value":357},{"type":53,"tag":87,"props":1498,"children":1499},{"style":177},[1500],{"type":58,"value":119},{"type":53,"tag":87,"props":1502,"children":1503},{"style":206},[1504],{"type":58,"value":246},{"type":53,"tag":87,"props":1506,"children":1507},{"style":106},[1508],{"type":58,"value":370},{"type":53,"tag":87,"props":1510,"children":1511},{"style":100},[1512],{"type":58,"value":375},{"type":53,"tag":87,"props":1514,"children":1515},{"style":106},[1516],{"type":58,"value":1049},{"type":53,"tag":87,"props":1518,"children":1519},{"style":100},[1520],{"type":58,"value":114},{"type":53,"tag":87,"props":1522,"children":1523},{"style":106},[1524],{"type":58,"value":1525}," userId",{"type":53,"tag":87,"props":1527,"children":1528},{"style":206},[1529],{"type":58,"value":385},{"type":53,"tag":87,"props":1531,"children":1533},{"class":89,"line":1532},36,[1534],{"type":53,"tag":87,"props":1535,"children":1536},{"style":100},[1537],{"type":58,"value":1538}," },\n",{"type":53,"tag":87,"props":1540,"children":1542},{"class":89,"line":1541},37,[1543,1547],{"type":53,"tag":87,"props":1544,"children":1545},{"style":106},[1546],{"type":58,"value":1070},{"type":53,"tag":87,"props":1548,"children":1549},{"style":100},[1550],{"type":58,"value":458},{"type":53,"tag":87,"props":1552,"children":1554},{"class":89,"line":1553},38,[1555],{"type":53,"tag":87,"props":1556,"children":1557},{"style":106},[1558],{"type":58,"value":321},{"type":53,"tag":87,"props":1560,"children":1562},{"class":89,"line":1561},39,[1563],{"type":53,"tag":87,"props":1564,"children":1565},{"style":789},[1566],{"type":58,"value":1567},"\u002F\u002F When disabled: status='disabled', data=undefined\n",{"type":53,"tag":771,"props":1569,"children":1571},{"id":1570},"uselivesuspensequery",[1572],{"type":58,"value":1573},"useLiveSuspenseQuery",{"type":53,"tag":75,"props":1575,"children":1577},{"className":77,"code":1576,"language":79,"meta":80,"style":80},"\u002F\u002F data is ALWAYS defined — never undefined\n\u002F\u002F Must wrap in \u003CSuspense> and \u003CErrorBoundary>\nfunction TodoList() {\n const { data: todos } = useLiveSuspenseQuery((q) =>\n q.from({ todo: todoCollection }),\n )\n\n return (\n \u003Cul>\n {todos.map((t) => (\n \u003Cli key={t.id}>{t.text}\u003C\u002Fli>\n ))}\n \u003C\u002Ful>\n )\n}\n\n\u002F\u002F With deps — re-suspends when deps change\nconst { data } = useLiveSuspenseQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.category, category)),\n [category],\n)\n",[1578],{"type":53,"tag":83,"props":1579,"children":1580},{"__ignoreMap":80},[1581,1589,1597,1616,1672,1720,1727,1734,1745,1760,1804,1863,1874,1889,1896,1903,1910,1918,1949,1968,1975,2014,2075,2087],{"type":53,"tag":87,"props":1582,"children":1583},{"class":89,"line":90},[1584],{"type":53,"tag":87,"props":1585,"children":1586},{"style":789},[1587],{"type":58,"value":1588},"\u002F\u002F data is ALWAYS defined — never undefined\n",{"type":53,"tag":87,"props":1590,"children":1591},{"class":89,"line":157},[1592],{"type":53,"tag":87,"props":1593,"children":1594},{"style":789},[1595],{"type":58,"value":1596},"\u002F\u002F Must wrap in \u003CSuspense> and \u003CErrorBoundary>\n",{"type":53,"tag":87,"props":1598,"children":1599},{"class":89,"line":167},[1600,1604,1608,1612],{"type":53,"tag":87,"props":1601,"children":1602},{"style":171},[1603],{"type":58,"value":174},{"type":53,"tag":87,"props":1605,"children":1606},{"style":177},[1607],{"type":58,"value":180},{"type":53,"tag":87,"props":1609,"children":1610},{"style":100},[1611],{"type":58,"value":185},{"type":53,"tag":87,"props":1613,"children":1614},{"style":100},[1615],{"type":58,"value":190},{"type":53,"tag":87,"props":1617,"children":1618},{"class":89,"line":193},[1619,1623,1627,1631,1635,1639,1643,1647,1652,1656,1660,1664,1668],{"type":53,"tag":87,"props":1620,"children":1621},{"style":171},[1622],{"type":58,"value":199},{"type":53,"tag":87,"props":1624,"children":1625},{"style":100},[1626],{"type":58,"value":103},{"type":53,"tag":87,"props":1628,"children":1629},{"style":206},[1630],{"type":58,"value":209},{"type":53,"tag":87,"props":1632,"children":1633},{"style":100},[1634],{"type":58,"value":214},{"type":53,"tag":87,"props":1636,"children":1637},{"style":106},[1638],{"type":58,"value":219},{"type":53,"tag":87,"props":1640,"children":1641},{"style":100},[1642],{"type":58,"value":133},{"type":53,"tag":87,"props":1644,"children":1645},{"style":100},[1646],{"type":58,"value":237},{"type":53,"tag":87,"props":1648,"children":1649},{"style":177},[1650],{"type":58,"value":1651}," useLiveSuspenseQuery",{"type":53,"tag":87,"props":1653,"children":1654},{"style":206},[1655],{"type":58,"value":246},{"type":53,"tag":87,"props":1657,"children":1658},{"style":100},[1659],{"type":58,"value":246},{"type":53,"tag":87,"props":1661,"children":1662},{"style":253},[1663],{"type":58,"value":256},{"type":53,"tag":87,"props":1665,"children":1666},{"style":100},[1667],{"type":58,"value":261},{"type":53,"tag":87,"props":1669,"children":1670},{"style":171},[1671],{"type":58,"value":266},{"type":53,"tag":87,"props":1673,"children":1674},{"class":89,"line":269},[1675,1680,1684,1688,1692,1696,1700,1704,1708,1712,1716],{"type":53,"tag":87,"props":1676,"children":1677},{"style":106},[1678],{"type":58,"value":1679}," q",{"type":53,"tag":87,"props":1681,"children":1682},{"style":100},[1683],{"type":58,"value":375},{"type":53,"tag":87,"props":1685,"children":1686},{"style":177},[1687],{"type":58,"value":289},{"type":53,"tag":87,"props":1689,"children":1690},{"style":206},[1691],{"type":58,"value":246},{"type":53,"tag":87,"props":1693,"children":1694},{"style":100},[1695],{"type":58,"value":298},{"type":53,"tag":87,"props":1697,"children":1698},{"style":206},[1699],{"type":58,"value":303},{"type":53,"tag":87,"props":1701,"children":1702},{"style":100},[1703],{"type":58,"value":214},{"type":53,"tag":87,"props":1705,"children":1706},{"style":106},[1707],{"type":58,"value":312},{"type":53,"tag":87,"props":1709,"children":1710},{"style":100},[1711],{"type":58,"value":133},{"type":53,"tag":87,"props":1713,"children":1714},{"style":206},[1715],{"type":58,"value":261},{"type":53,"tag":87,"props":1717,"children":1718},{"style":100},[1719],{"type":58,"value":458},{"type":53,"tag":87,"props":1721,"children":1722},{"class":89,"line":278},[1723],{"type":53,"tag":87,"props":1724,"children":1725},{"style":206},[1726],{"type":58,"value":467},{"type":53,"tag":87,"props":1728,"children":1729},{"class":89,"line":324},[1730],{"type":53,"tag":87,"props":1731,"children":1732},{"emptyLinePlaceholder":161},[1733],{"type":58,"value":164},{"type":53,"tag":87,"props":1735,"children":1736},{"class":89,"line":388},[1737,1741],{"type":53,"tag":87,"props":1738,"children":1739},{"style":94},[1740],{"type":58,"value":555},{"type":53,"tag":87,"props":1742,"children":1743},{"style":206},[1744],{"type":58,"value":560},{"type":53,"tag":87,"props":1746,"children":1747},{"class":89,"line":461},[1748,1752,1756],{"type":53,"tag":87,"props":1749,"children":1750},{"style":100},[1751],{"type":58,"value":569},{"type":53,"tag":87,"props":1753,"children":1754},{"style":206},[1755],{"type":58,"value":574},{"type":53,"tag":87,"props":1757,"children":1758},{"style":100},[1759],{"type":58,"value":538},{"type":53,"tag":87,"props":1761,"children":1762},{"class":89,"line":470},[1763,1767,1771,1775,1779,1783,1787,1792,1796,1800],{"type":53,"tag":87,"props":1764,"children":1765},{"style":100},[1766],{"type":58,"value":587},{"type":53,"tag":87,"props":1768,"children":1769},{"style":106},[1770],{"type":58,"value":592},{"type":53,"tag":87,"props":1772,"children":1773},{"style":100},[1774],{"type":58,"value":375},{"type":53,"tag":87,"props":1776,"children":1777},{"style":177},[1778],{"type":58,"value":601},{"type":53,"tag":87,"props":1780,"children":1781},{"style":106},[1782],{"type":58,"value":246},{"type":53,"tag":87,"props":1784,"children":1785},{"style":100},[1786],{"type":58,"value":246},{"type":53,"tag":87,"props":1788,"children":1789},{"style":253},[1790],{"type":58,"value":1791},"t",{"type":53,"tag":87,"props":1793,"children":1794},{"style":100},[1795],{"type":58,"value":261},{"type":53,"tag":87,"props":1797,"children":1798},{"style":171},[1799],{"type":58,"value":357},{"type":53,"tag":87,"props":1801,"children":1802},{"style":106},[1803],{"type":58,"value":560},{"type":53,"tag":87,"props":1805,"children":1806},{"class":89,"line":478},[1807,1811,1815,1819,1823,1827,1831,1835,1839,1843,1847,1851,1855,1859],{"type":53,"tag":87,"props":1808,"children":1809},{"style":100},[1810],{"type":58,"value":634},{"type":53,"tag":87,"props":1812,"children":1813},{"style":206},[1814],{"type":58,"value":639},{"type":53,"tag":87,"props":1816,"children":1817},{"style":171},[1818],{"type":58,"value":644},{"type":53,"tag":87,"props":1820,"children":1821},{"style":100},[1822],{"type":58,"value":649},{"type":53,"tag":87,"props":1824,"children":1825},{"style":106},[1826],{"type":58,"value":1791},{"type":53,"tag":87,"props":1828,"children":1829},{"style":100},[1830],{"type":58,"value":375},{"type":53,"tag":87,"props":1832,"children":1833},{"style":106},[1834],{"type":58,"value":662},{"type":53,"tag":87,"props":1836,"children":1837},{"style":100},[1838],{"type":58,"value":667},{"type":53,"tag":87,"props":1840,"children":1841},{"style":106},[1842],{"type":58,"value":1791},{"type":53,"tag":87,"props":1844,"children":1845},{"style":100},[1846],{"type":58,"value":375},{"type":53,"tag":87,"props":1848,"children":1849},{"style":106},[1850],{"type":58,"value":58},{"type":53,"tag":87,"props":1852,"children":1853},{"style":100},[1854],{"type":58,"value":684},{"type":53,"tag":87,"props":1856,"children":1857},{"style":206},[1858],{"type":58,"value":639},{"type":53,"tag":87,"props":1860,"children":1861},{"style":100},[1862],{"type":58,"value":538},{"type":53,"tag":87,"props":1864,"children":1865},{"class":89,"line":541},[1866,1870],{"type":53,"tag":87,"props":1867,"children":1868},{"style":106},[1869],{"type":58,"value":701},{"type":53,"tag":87,"props":1871,"children":1872},{"style":100},[1873],{"type":58,"value":706},{"type":53,"tag":87,"props":1875,"children":1876},{"class":89,"line":549},[1877,1881,1885],{"type":53,"tag":87,"props":1878,"children":1879},{"style":100},[1880],{"type":58,"value":715},{"type":53,"tag":87,"props":1882,"children":1883},{"style":206},[1884],{"type":58,"value":574},{"type":53,"tag":87,"props":1886,"children":1887},{"style":100},[1888],{"type":58,"value":538},{"type":53,"tag":87,"props":1890,"children":1891},{"class":89,"line":563},[1892],{"type":53,"tag":87,"props":1893,"children":1894},{"style":206},[1895],{"type":58,"value":467},{"type":53,"tag":87,"props":1897,"children":1898},{"class":89,"line":581},[1899],{"type":53,"tag":87,"props":1900,"children":1901},{"style":100},[1902],{"type":58,"value":706},{"type":53,"tag":87,"props":1904,"children":1905},{"class":89,"line":628},[1906],{"type":53,"tag":87,"props":1907,"children":1908},{"emptyLinePlaceholder":161},[1909],{"type":58,"value":164},{"type":53,"tag":87,"props":1911,"children":1912},{"class":89,"line":695},[1913],{"type":53,"tag":87,"props":1914,"children":1915},{"style":789},[1916],{"type":58,"value":1917},"\u002F\u002F With deps — re-suspends when deps change\n",{"type":53,"tag":87,"props":1919,"children":1920},{"class":89,"line":709},[1921,1925,1929,1933,1937,1941,1945],{"type":53,"tag":87,"props":1922,"children":1923},{"style":171},[1924],{"type":58,"value":800},{"type":53,"tag":87,"props":1926,"children":1927},{"style":100},[1928],{"type":58,"value":103},{"type":53,"tag":87,"props":1930,"children":1931},{"style":106},[1932],{"type":58,"value":1113},{"type":53,"tag":87,"props":1934,"children":1935},{"style":100},[1936],{"type":58,"value":920},{"type":53,"tag":87,"props":1938,"children":1939},{"style":100},[1940],{"type":58,"value":237},{"type":53,"tag":87,"props":1942,"children":1943},{"style":177},[1944],{"type":58,"value":1651},{"type":53,"tag":87,"props":1946,"children":1947},{"style":106},[1948],{"type":58,"value":933},{"type":53,"tag":87,"props":1950,"children":1951},{"class":89,"line":726},[1952,1956,1960,1964],{"type":53,"tag":87,"props":1953,"children":1954},{"style":100},[1955],{"type":58,"value":941},{"type":53,"tag":87,"props":1957,"children":1958},{"style":253},[1959],{"type":58,"value":256},{"type":53,"tag":87,"props":1961,"children":1962},{"style":100},[1963],{"type":58,"value":261},{"type":53,"tag":87,"props":1965,"children":1966},{"style":171},[1967],{"type":58,"value":266},{"type":53,"tag":87,"props":1969,"children":1970},{"class":89,"line":734},[1971],{"type":53,"tag":87,"props":1972,"children":1973},{"style":106},[1974],{"type":58,"value":275},{"type":53,"tag":87,"props":1976,"children":1977},{"class":89,"line":1099},[1978,1982,1986,1990,1994,1998,2002,2006,2010],{"type":53,"tag":87,"props":1979,"children":1980},{"style":100},[1981],{"type":58,"value":284},{"type":53,"tag":87,"props":1983,"children":1984},{"style":177},[1985],{"type":58,"value":289},{"type":53,"tag":87,"props":1987,"children":1988},{"style":106},[1989],{"type":58,"value":246},{"type":53,"tag":87,"props":1991,"children":1992},{"style":100},[1993],{"type":58,"value":298},{"type":53,"tag":87,"props":1995,"children":1996},{"style":206},[1997],{"type":58,"value":303},{"type":53,"tag":87,"props":1999,"children":2000},{"style":100},[2001],{"type":58,"value":214},{"type":53,"tag":87,"props":2003,"children":2004},{"style":106},[2005],{"type":58,"value":992},{"type":53,"tag":87,"props":2007,"children":2008},{"style":100},[2009],{"type":58,"value":920},{"type":53,"tag":87,"props":2011,"children":2012},{"style":106},[2013],{"type":58,"value":321},{"type":53,"tag":87,"props":2015,"children":2016},{"class":89,"line":1137},[2017,2021,2025,2029,2033,2037,2041,2045,2049,2053,2057,2062,2066,2071],{"type":53,"tag":87,"props":2018,"children":2019},{"style":100},[2020],{"type":58,"value":284},{"type":53,"tag":87,"props":2022,"children":2023},{"style":177},[2024],{"type":58,"value":334},{"type":53,"tag":87,"props":2026,"children":2027},{"style":106},[2028],{"type":58,"value":246},{"type":53,"tag":87,"props":2030,"children":2031},{"style":100},[2032],{"type":58,"value":343},{"type":53,"tag":87,"props":2034,"children":2035},{"style":253},[2036],{"type":58,"value":303},{"type":53,"tag":87,"props":2038,"children":2039},{"style":100},[2040],{"type":58,"value":352},{"type":53,"tag":87,"props":2042,"children":2043},{"style":171},[2044],{"type":58,"value":357},{"type":53,"tag":87,"props":2046,"children":2047},{"style":177},[2048],{"type":58,"value":119},{"type":53,"tag":87,"props":2050,"children":2051},{"style":106},[2052],{"type":58,"value":1040},{"type":53,"tag":87,"props":2054,"children":2055},{"style":100},[2056],{"type":58,"value":375},{"type":53,"tag":87,"props":2058,"children":2059},{"style":106},[2060],{"type":58,"value":2061},"category",{"type":53,"tag":87,"props":2063,"children":2064},{"style":100},[2065],{"type":58,"value":114},{"type":53,"tag":87,"props":2067,"children":2068},{"style":106},[2069],{"type":58,"value":2070}," category))",{"type":53,"tag":87,"props":2072,"children":2073},{"style":100},[2074],{"type":58,"value":458},{"type":53,"tag":87,"props":2076,"children":2077},{"class":89,"line":1211},[2078,2083],{"type":53,"tag":87,"props":2079,"children":2080},{"style":106},[2081],{"type":58,"value":2082}," [category]",{"type":53,"tag":87,"props":2084,"children":2085},{"style":100},[2086],{"type":58,"value":458},{"type":53,"tag":87,"props":2088,"children":2089},{"class":89,"line":1234},[2090],{"type":53,"tag":87,"props":2091,"children":2092},{"style":106},[2093],{"type":58,"value":321},{"type":53,"tag":771,"props":2095,"children":2097},{"id":2096},"useliveinfinitequery",[2098],{"type":58,"value":2099},"useLiveInfiniteQuery",{"type":53,"tag":75,"props":2101,"children":2103},{"className":77,"code":2102,"language":79,"meta":80,"style":80},"const { data, fetchNextPage, hasNextPage, isFetchingNextPage } =\n useLiveInfiniteQuery(\n (q) =>\n q\n .from({ posts: postsCollection })\n .orderBy(({ posts }) => posts.createdAt, 'desc'),\n { pageSize: 20 },\n [category],\n )\n\n\u002F\u002F data is the flat array of all loaded pages\n\u002F\u002F fetchNextPage() loads the next page\n\u002F\u002F hasNextPage is true when more data is available\n",[2104],{"type":53,"tag":83,"props":2105,"children":2106},{"__ignoreMap":80},[2107,2158,2170,2190,2198,2240,2309,2336,2348,2355,2362,2370,2378],{"type":53,"tag":87,"props":2108,"children":2109},{"class":89,"line":90},[2110,2114,2118,2122,2126,2131,2135,2140,2144,2149,2153],{"type":53,"tag":87,"props":2111,"children":2112},{"style":171},[2113],{"type":58,"value":800},{"type":53,"tag":87,"props":2115,"children":2116},{"style":100},[2117],{"type":58,"value":103},{"type":53,"tag":87,"props":2119,"children":2120},{"style":106},[2121],{"type":58,"value":209},{"type":53,"tag":87,"props":2123,"children":2124},{"style":100},[2125],{"type":58,"value":114},{"type":53,"tag":87,"props":2127,"children":2128},{"style":106},[2129],{"type":58,"value":2130}," fetchNextPage",{"type":53,"tag":87,"props":2132,"children":2133},{"style":100},[2134],{"type":58,"value":114},{"type":53,"tag":87,"props":2136,"children":2137},{"style":106},[2138],{"type":58,"value":2139}," hasNextPage",{"type":53,"tag":87,"props":2141,"children":2142},{"style":100},[2143],{"type":58,"value":114},{"type":53,"tag":87,"props":2145,"children":2146},{"style":106},[2147],{"type":58,"value":2148}," isFetchingNextPage ",{"type":53,"tag":87,"props":2150,"children":2151},{"style":100},[2152],{"type":58,"value":920},{"type":53,"tag":87,"props":2154,"children":2155},{"style":100},[2156],{"type":58,"value":2157}," =\n",{"type":53,"tag":87,"props":2159,"children":2160},{"class":89,"line":157},[2161,2166],{"type":53,"tag":87,"props":2162,"children":2163},{"style":177},[2164],{"type":58,"value":2165}," useLiveInfiniteQuery",{"type":53,"tag":87,"props":2167,"children":2168},{"style":106},[2169],{"type":58,"value":933},{"type":53,"tag":87,"props":2171,"children":2172},{"class":89,"line":167},[2173,2178,2182,2186],{"type":53,"tag":87,"props":2174,"children":2175},{"style":100},[2176],{"type":58,"value":2177}," (",{"type":53,"tag":87,"props":2179,"children":2180},{"style":253},[2181],{"type":58,"value":256},{"type":53,"tag":87,"props":2183,"children":2184},{"style":100},[2185],{"type":58,"value":261},{"type":53,"tag":87,"props":2187,"children":2188},{"style":171},[2189],{"type":58,"value":266},{"type":53,"tag":87,"props":2191,"children":2192},{"class":89,"line":193},[2193],{"type":53,"tag":87,"props":2194,"children":2195},{"style":106},[2196],{"type":58,"value":2197}," q\n",{"type":53,"tag":87,"props":2199,"children":2200},{"class":89,"line":269},[2201,2206,2210,2214,2218,2223,2227,2232,2236],{"type":53,"tag":87,"props":2202,"children":2203},{"style":100},[2204],{"type":58,"value":2205}," .",{"type":53,"tag":87,"props":2207,"children":2208},{"style":177},[2209],{"type":58,"value":289},{"type":53,"tag":87,"props":2211,"children":2212},{"style":106},[2213],{"type":58,"value":246},{"type":53,"tag":87,"props":2215,"children":2216},{"style":100},[2217],{"type":58,"value":298},{"type":53,"tag":87,"props":2219,"children":2220},{"style":206},[2221],{"type":58,"value":2222}," posts",{"type":53,"tag":87,"props":2224,"children":2225},{"style":100},[2226],{"type":58,"value":214},{"type":53,"tag":87,"props":2228,"children":2229},{"style":106},[2230],{"type":58,"value":2231}," postsCollection ",{"type":53,"tag":87,"props":2233,"children":2234},{"style":100},[2235],{"type":58,"value":920},{"type":53,"tag":87,"props":2237,"children":2238},{"style":106},[2239],{"type":58,"value":321},{"type":53,"tag":87,"props":2241,"children":2242},{"class":89,"line":278},[2243,2247,2251,2255,2259,2263,2267,2271,2275,2279,2284,2288,2292,2297,2301,2305],{"type":53,"tag":87,"props":2244,"children":2245},{"style":100},[2246],{"type":58,"value":2205},{"type":53,"tag":87,"props":2248,"children":2249},{"style":177},[2250],{"type":58,"value":398},{"type":53,"tag":87,"props":2252,"children":2253},{"style":106},[2254],{"type":58,"value":246},{"type":53,"tag":87,"props":2256,"children":2257},{"style":100},[2258],{"type":58,"value":343},{"type":53,"tag":87,"props":2260,"children":2261},{"style":253},[2262],{"type":58,"value":2222},{"type":53,"tag":87,"props":2264,"children":2265},{"style":100},[2266],{"type":58,"value":352},{"type":53,"tag":87,"props":2268,"children":2269},{"style":171},[2270],{"type":58,"value":357},{"type":53,"tag":87,"props":2272,"children":2273},{"style":106},[2274],{"type":58,"value":2222},{"type":53,"tag":87,"props":2276,"children":2277},{"style":100},[2278],{"type":58,"value":375},{"type":53,"tag":87,"props":2280,"children":2281},{"style":106},[2282],{"type":58,"value":2283},"createdAt",{"type":53,"tag":87,"props":2285,"children":2286},{"style":100},[2287],{"type":58,"value":114},{"type":53,"tag":87,"props":2289,"children":2290},{"style":100},[2291],{"type":58,"value":143},{"type":53,"tag":87,"props":2293,"children":2294},{"style":146},[2295],{"type":58,"value":2296},"desc",{"type":53,"tag":87,"props":2298,"children":2299},{"style":100},[2300],{"type":58,"value":449},{"type":53,"tag":87,"props":2302,"children":2303},{"style":106},[2304],{"type":58,"value":261},{"type":53,"tag":87,"props":2306,"children":2307},{"style":100},[2308],{"type":58,"value":458},{"type":53,"tag":87,"props":2310,"children":2311},{"class":89,"line":324},[2312,2317,2322,2326,2331],{"type":53,"tag":87,"props":2313,"children":2314},{"style":100},[2315],{"type":58,"value":2316}," {",{"type":53,"tag":87,"props":2318,"children":2319},{"style":206},[2320],{"type":58,"value":2321}," pageSize",{"type":53,"tag":87,"props":2323,"children":2324},{"style":100},[2325],{"type":58,"value":214},{"type":53,"tag":87,"props":2327,"children":2328},{"style":1224},[2329],{"type":58,"value":2330}," 20",{"type":53,"tag":87,"props":2332,"children":2333},{"style":100},[2334],{"type":58,"value":2335}," },\n",{"type":53,"tag":87,"props":2337,"children":2338},{"class":89,"line":388},[2339,2344],{"type":53,"tag":87,"props":2340,"children":2341},{"style":106},[2342],{"type":58,"value":2343}," [category]",{"type":53,"tag":87,"props":2345,"children":2346},{"style":100},[2347],{"type":58,"value":458},{"type":53,"tag":87,"props":2349,"children":2350},{"class":89,"line":461},[2351],{"type":53,"tag":87,"props":2352,"children":2353},{"style":106},[2354],{"type":58,"value":467},{"type":53,"tag":87,"props":2356,"children":2357},{"class":89,"line":470},[2358],{"type":53,"tag":87,"props":2359,"children":2360},{"emptyLinePlaceholder":161},[2361],{"type":58,"value":164},{"type":53,"tag":87,"props":2363,"children":2364},{"class":89,"line":478},[2365],{"type":53,"tag":87,"props":2366,"children":2367},{"style":789},[2368],{"type":58,"value":2369},"\u002F\u002F data is the flat array of all loaded pages\n",{"type":53,"tag":87,"props":2371,"children":2372},{"class":89,"line":541},[2373],{"type":53,"tag":87,"props":2374,"children":2375},{"style":789},[2376],{"type":58,"value":2377},"\u002F\u002F fetchNextPage() loads the next page\n",{"type":53,"tag":87,"props":2379,"children":2380},{"class":89,"line":549},[2381],{"type":53,"tag":87,"props":2382,"children":2383},{"style":789},[2384],{"type":58,"value":2385},"\u002F\u002F hasNextPage is true when more data is available\n",{"type":53,"tag":771,"props":2387,"children":2389},{"id":2388},"usepacedmutations",[2390],{"type":58,"value":2391},"usePacedMutations",{"type":53,"tag":75,"props":2393,"children":2395},{"className":77,"code":2394,"language":79,"meta":80,"style":80},"import { usePacedMutations, debounceStrategy } from \"@tanstack\u002Freact-db\"\n\nconst mutate = usePacedMutations({\n onMutate: (value: string) => {\n noteCollection.update(noteId, (draft) => {\n draft.content = value\n })\n },\n mutationFn: async ({ transaction }) => {\n await api.notes.update(noteId, transaction.mutations[0].changes)\n },\n strategy: debounceStrategy({ wait: 500 }),\n})\n\n\u002F\u002F In handler:\n\u003Ctextarea onChange={(e) => mutate(e.target.value)} \u002F>\n",[2396],{"type":53,"tag":83,"props":2397,"children":2398},{"__ignoreMap":80},[2399,2446,2453,2482,2525,2576,2602,2614,2621,2660,2743,2750,2800,2811,2818,2826],{"type":53,"tag":87,"props":2400,"children":2401},{"class":89,"line":90},[2402,2406,2410,2415,2419,2424,2428,2432,2437,2441],{"type":53,"tag":87,"props":2403,"children":2404},{"style":94},[2405],{"type":58,"value":97},{"type":53,"tag":87,"props":2407,"children":2408},{"style":100},[2409],{"type":58,"value":103},{"type":53,"tag":87,"props":2411,"children":2412},{"style":106},[2413],{"type":58,"value":2414}," usePacedMutations",{"type":53,"tag":87,"props":2416,"children":2417},{"style":100},[2418],{"type":58,"value":114},{"type":53,"tag":87,"props":2420,"children":2421},{"style":106},[2422],{"type":58,"value":2423}," debounceStrategy",{"type":53,"tag":87,"props":2425,"children":2426},{"style":100},[2427],{"type":58,"value":133},{"type":53,"tag":87,"props":2429,"children":2430},{"style":94},[2431],{"type":58,"value":138},{"type":53,"tag":87,"props":2433,"children":2434},{"style":100},[2435],{"type":58,"value":2436}," \"",{"type":53,"tag":87,"props":2438,"children":2439},{"style":146},[2440],{"type":58,"value":149},{"type":53,"tag":87,"props":2442,"children":2443},{"style":100},[2444],{"type":58,"value":2445},"\"\n",{"type":53,"tag":87,"props":2447,"children":2448},{"class":89,"line":157},[2449],{"type":53,"tag":87,"props":2450,"children":2451},{"emptyLinePlaceholder":161},[2452],{"type":58,"value":164},{"type":53,"tag":87,"props":2454,"children":2455},{"class":89,"line":167},[2456,2460,2465,2470,2474,2478],{"type":53,"tag":87,"props":2457,"children":2458},{"style":171},[2459],{"type":58,"value":800},{"type":53,"tag":87,"props":2461,"children":2462},{"style":106},[2463],{"type":58,"value":2464}," mutate ",{"type":53,"tag":87,"props":2466,"children":2467},{"style":100},[2468],{"type":58,"value":2469},"=",{"type":53,"tag":87,"props":2471,"children":2472},{"style":177},[2473],{"type":58,"value":2414},{"type":53,"tag":87,"props":2475,"children":2476},{"style":106},[2477],{"type":58,"value":246},{"type":53,"tag":87,"props":2479,"children":2480},{"style":100},[2481],{"type":58,"value":1134},{"type":53,"tag":87,"props":2483,"children":2484},{"class":89,"line":193},[2485,2490,2494,2498,2503,2507,2513,2517,2521],{"type":53,"tag":87,"props":2486,"children":2487},{"style":177},[2488],{"type":58,"value":2489}," onMutate",{"type":53,"tag":87,"props":2491,"children":2492},{"style":100},[2493],{"type":58,"value":214},{"type":53,"tag":87,"props":2495,"children":2496},{"style":100},[2497],{"type":58,"value":489},{"type":53,"tag":87,"props":2499,"children":2500},{"style":253},[2501],{"type":58,"value":2502},"value",{"type":53,"tag":87,"props":2504,"children":2505},{"style":100},[2506],{"type":58,"value":214},{"type":53,"tag":87,"props":2508,"children":2510},{"style":2509},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[2511],{"type":58,"value":2512}," string",{"type":53,"tag":87,"props":2514,"children":2515},{"style":100},[2516],{"type":58,"value":261},{"type":53,"tag":87,"props":2518,"children":2519},{"style":171},[2520],{"type":58,"value":357},{"type":53,"tag":87,"props":2522,"children":2523},{"style":100},[2524],{"type":58,"value":190},{"type":53,"tag":87,"props":2526,"children":2527},{"class":89,"line":269},[2528,2533,2537,2542,2546,2551,2555,2559,2564,2568,2572],{"type":53,"tag":87,"props":2529,"children":2530},{"style":106},[2531],{"type":58,"value":2532}," noteCollection",{"type":53,"tag":87,"props":2534,"children":2535},{"style":100},[2536],{"type":58,"value":375},{"type":53,"tag":87,"props":2538,"children":2539},{"style":177},[2540],{"type":58,"value":2541},"update",{"type":53,"tag":87,"props":2543,"children":2544},{"style":206},[2545],{"type":58,"value":246},{"type":53,"tag":87,"props":2547,"children":2548},{"style":106},[2549],{"type":58,"value":2550},"noteId",{"type":53,"tag":87,"props":2552,"children":2553},{"style":100},[2554],{"type":58,"value":114},{"type":53,"tag":87,"props":2556,"children":2557},{"style":100},[2558],{"type":58,"value":489},{"type":53,"tag":87,"props":2560,"children":2561},{"style":253},[2562],{"type":58,"value":2563},"draft",{"type":53,"tag":87,"props":2565,"children":2566},{"style":100},[2567],{"type":58,"value":261},{"type":53,"tag":87,"props":2569,"children":2570},{"style":171},[2571],{"type":58,"value":357},{"type":53,"tag":87,"props":2573,"children":2574},{"style":100},[2575],{"type":58,"value":190},{"type":53,"tag":87,"props":2577,"children":2578},{"class":89,"line":278},[2579,2584,2588,2593,2597],{"type":53,"tag":87,"props":2580,"children":2581},{"style":106},[2582],{"type":58,"value":2583}," draft",{"type":53,"tag":87,"props":2585,"children":2586},{"style":100},[2587],{"type":58,"value":375},{"type":53,"tag":87,"props":2589,"children":2590},{"style":106},[2591],{"type":58,"value":2592},"content",{"type":53,"tag":87,"props":2594,"children":2595},{"style":100},[2596],{"type":58,"value":237},{"type":53,"tag":87,"props":2598,"children":2599},{"style":106},[2600],{"type":58,"value":2601}," value\n",{"type":53,"tag":87,"props":2603,"children":2604},{"class":89,"line":324},[2605,2610],{"type":53,"tag":87,"props":2606,"children":2607},{"style":100},[2608],{"type":58,"value":2609}," }",{"type":53,"tag":87,"props":2611,"children":2612},{"style":206},[2613],{"type":58,"value":321},{"type":53,"tag":87,"props":2615,"children":2616},{"class":89,"line":388},[2617],{"type":53,"tag":87,"props":2618,"children":2619},{"style":100},[2620],{"type":58,"value":1538},{"type":53,"tag":87,"props":2622,"children":2623},{"class":89,"line":461},[2624,2629,2633,2638,2643,2648,2652,2656],{"type":53,"tag":87,"props":2625,"children":2626},{"style":177},[2627],{"type":58,"value":2628}," mutationFn",{"type":53,"tag":87,"props":2630,"children":2631},{"style":100},[2632],{"type":58,"value":214},{"type":53,"tag":87,"props":2634,"children":2635},{"style":171},[2636],{"type":58,"value":2637}," async",{"type":53,"tag":87,"props":2639,"children":2640},{"style":100},[2641],{"type":58,"value":2642}," ({",{"type":53,"tag":87,"props":2644,"children":2645},{"style":253},[2646],{"type":58,"value":2647}," transaction",{"type":53,"tag":87,"props":2649,"children":2650},{"style":100},[2651],{"type":58,"value":352},{"type":53,"tag":87,"props":2653,"children":2654},{"style":171},[2655],{"type":58,"value":357},{"type":53,"tag":87,"props":2657,"children":2658},{"style":100},[2659],{"type":58,"value":190},{"type":53,"tag":87,"props":2661,"children":2662},{"class":89,"line":470},[2663,2668,2673,2677,2682,2686,2690,2694,2698,2702,2706,2710,2715,2720,2725,2730,2734,2739],{"type":53,"tag":87,"props":2664,"children":2665},{"style":94},[2666],{"type":58,"value":2667}," await",{"type":53,"tag":87,"props":2669,"children":2670},{"style":106},[2671],{"type":58,"value":2672}," api",{"type":53,"tag":87,"props":2674,"children":2675},{"style":100},[2676],{"type":58,"value":375},{"type":53,"tag":87,"props":2678,"children":2679},{"style":106},[2680],{"type":58,"value":2681},"notes",{"type":53,"tag":87,"props":2683,"children":2684},{"style":100},[2685],{"type":58,"value":375},{"type":53,"tag":87,"props":2687,"children":2688},{"style":177},[2689],{"type":58,"value":2541},{"type":53,"tag":87,"props":2691,"children":2692},{"style":206},[2693],{"type":58,"value":246},{"type":53,"tag":87,"props":2695,"children":2696},{"style":106},[2697],{"type":58,"value":2550},{"type":53,"tag":87,"props":2699,"children":2700},{"style":100},[2701],{"type":58,"value":114},{"type":53,"tag":87,"props":2703,"children":2704},{"style":106},[2705],{"type":58,"value":2647},{"type":53,"tag":87,"props":2707,"children":2708},{"style":100},[2709],{"type":58,"value":375},{"type":53,"tag":87,"props":2711,"children":2712},{"style":106},[2713],{"type":58,"value":2714},"mutations",{"type":53,"tag":87,"props":2716,"children":2717},{"style":206},[2718],{"type":58,"value":2719},"[",{"type":53,"tag":87,"props":2721,"children":2722},{"style":1224},[2723],{"type":58,"value":2724},"0",{"type":53,"tag":87,"props":2726,"children":2727},{"style":206},[2728],{"type":58,"value":2729},"]",{"type":53,"tag":87,"props":2731,"children":2732},{"style":100},[2733],{"type":58,"value":375},{"type":53,"tag":87,"props":2735,"children":2736},{"style":106},[2737],{"type":58,"value":2738},"changes",{"type":53,"tag":87,"props":2740,"children":2741},{"style":206},[2742],{"type":58,"value":321},{"type":53,"tag":87,"props":2744,"children":2745},{"class":89,"line":478},[2746],{"type":53,"tag":87,"props":2747,"children":2748},{"style":100},[2749],{"type":58,"value":1538},{"type":53,"tag":87,"props":2751,"children":2752},{"class":89,"line":541},[2753,2758,2762,2766,2770,2774,2779,2783,2788,2792,2796],{"type":53,"tag":87,"props":2754,"children":2755},{"style":206},[2756],{"type":58,"value":2757}," strategy",{"type":53,"tag":87,"props":2759,"children":2760},{"style":100},[2761],{"type":58,"value":214},{"type":53,"tag":87,"props":2763,"children":2764},{"style":177},[2765],{"type":58,"value":2423},{"type":53,"tag":87,"props":2767,"children":2768},{"style":106},[2769],{"type":58,"value":246},{"type":53,"tag":87,"props":2771,"children":2772},{"style":100},[2773],{"type":58,"value":298},{"type":53,"tag":87,"props":2775,"children":2776},{"style":206},[2777],{"type":58,"value":2778}," wait",{"type":53,"tag":87,"props":2780,"children":2781},{"style":100},[2782],{"type":58,"value":214},{"type":53,"tag":87,"props":2784,"children":2785},{"style":1224},[2786],{"type":58,"value":2787}," 500",{"type":53,"tag":87,"props":2789,"children":2790},{"style":100},[2791],{"type":58,"value":133},{"type":53,"tag":87,"props":2793,"children":2794},{"style":106},[2795],{"type":58,"value":261},{"type":53,"tag":87,"props":2797,"children":2798},{"style":100},[2799],{"type":58,"value":458},{"type":53,"tag":87,"props":2801,"children":2802},{"class":89,"line":549},[2803,2807],{"type":53,"tag":87,"props":2804,"children":2805},{"style":100},[2806],{"type":58,"value":920},{"type":53,"tag":87,"props":2808,"children":2809},{"style":106},[2810],{"type":58,"value":321},{"type":53,"tag":87,"props":2812,"children":2813},{"class":89,"line":563},[2814],{"type":53,"tag":87,"props":2815,"children":2816},{"emptyLinePlaceholder":161},[2817],{"type":58,"value":164},{"type":53,"tag":87,"props":2819,"children":2820},{"class":89,"line":581},[2821],{"type":53,"tag":87,"props":2822,"children":2823},{"style":789},[2824],{"type":58,"value":2825},"\u002F\u002F In handler:\n",{"type":53,"tag":87,"props":2827,"children":2828},{"class":89,"line":628},[2829,2834,2839,2844,2849,2854,2858,2862,2867,2872,2876,2881,2885,2890],{"type":53,"tag":87,"props":2830,"children":2831},{"style":100},[2832],{"type":58,"value":2833},"\u003C",{"type":53,"tag":87,"props":2835,"children":2836},{"style":206},[2837],{"type":58,"value":2838},"textarea",{"type":53,"tag":87,"props":2840,"children":2841},{"style":171},[2842],{"type":58,"value":2843}," onChange",{"type":53,"tag":87,"props":2845,"children":2846},{"style":100},[2847],{"type":58,"value":2848},"={(",{"type":53,"tag":87,"props":2850,"children":2851},{"style":253},[2852],{"type":58,"value":2853},"e",{"type":53,"tag":87,"props":2855,"children":2856},{"style":100},[2857],{"type":58,"value":261},{"type":53,"tag":87,"props":2859,"children":2860},{"style":171},[2861],{"type":58,"value":357},{"type":53,"tag":87,"props":2863,"children":2864},{"style":177},[2865],{"type":58,"value":2866}," mutate",{"type":53,"tag":87,"props":2868,"children":2869},{"style":106},[2870],{"type":58,"value":2871},"(e",{"type":53,"tag":87,"props":2873,"children":2874},{"style":100},[2875],{"type":58,"value":375},{"type":53,"tag":87,"props":2877,"children":2878},{"style":106},[2879],{"type":58,"value":2880},"target",{"type":53,"tag":87,"props":2882,"children":2883},{"style":100},[2884],{"type":58,"value":375},{"type":53,"tag":87,"props":2886,"children":2887},{"style":106},[2888],{"type":58,"value":2889},"value)",{"type":53,"tag":87,"props":2891,"children":2892},{"style":100},[2893],{"type":58,"value":2894},"} \u002F>\n",{"type":53,"tag":68,"props":2896,"children":2898},{"id":2897},"includes-hierarchical-data",[2899],{"type":58,"value":2900},"Includes (Hierarchical Data)",{"type":53,"tag":54,"props":2902,"children":2903},{},[2904,2906,2912,2914,2920,2922,2927],{"type":58,"value":2905},"When a query uses includes (subqueries in ",{"type":53,"tag":83,"props":2907,"children":2909},{"className":2908},[],[2910],{"type":58,"value":2911},"select",{"type":58,"value":2913},"), each child field is a live ",{"type":53,"tag":83,"props":2915,"children":2917},{"className":2916},[],[2918],{"type":58,"value":2919},"Collection",{"type":58,"value":2921}," by default. Subscribe to it with ",{"type":53,"tag":83,"props":2923,"children":2925},{"className":2924},[],[2926],{"type":58,"value":776},{"type":58,"value":2928}," in a subcomponent:",{"type":53,"tag":75,"props":2930,"children":2932},{"className":77,"code":2931,"language":79,"meta":80,"style":80},"function ProjectList() {\n const { data: projects } = useLiveQuery((q) =>\n q.from({ p: projectsCollection }).select(({ p }) => ({\n id: p.id,\n name: p.name,\n issues: q\n .from({ i: issuesCollection })\n .where(({ i }) => eq(i.projectId, p.id))\n .select(({ i }) => ({ id: i.id, title: i.title })),\n })),\n )\n\n return (\n \u003Cul>\n {projects.map((project) => (\n \u003Cli key={project.id}>\n {project.name}\n \u003CIssueList issuesCollection={project.issues} \u002F>\n \u003C\u002Fli>\n ))}\n \u003C\u002Ful>\n )\n}\n\n\u002F\u002F Child component subscribes to the child Collection\nfunction IssueList({ issuesCollection }) {\n const { data: issues } = useLiveQuery(issuesCollection)\n return (\n \u003Cul>\n {issues.map((issue) => (\n \u003Cli key={issue.id}>{issue.title}\u003C\u002Fli>\n ))}\n \u003C\u002Ful>\n )\n}\n",[2933],{"type":53,"tag":83,"props":2934,"children":2935},{"__ignoreMap":80},[2936,2956,3012,3093,3121,3150,3166,3207,3280,3379,3394,3401,3408,3419,3434,3479,3515,3539,3577,3593,3604,3619,3626,3633,3640,3648,3676,3725,3736,3751,3795,3854,3865,3880,3887],{"type":53,"tag":87,"props":2937,"children":2938},{"class":89,"line":90},[2939,2943,2948,2952],{"type":53,"tag":87,"props":2940,"children":2941},{"style":171},[2942],{"type":58,"value":174},{"type":53,"tag":87,"props":2944,"children":2945},{"style":177},[2946],{"type":58,"value":2947}," ProjectList",{"type":53,"tag":87,"props":2949,"children":2950},{"style":100},[2951],{"type":58,"value":185},{"type":53,"tag":87,"props":2953,"children":2954},{"style":100},[2955],{"type":58,"value":190},{"type":53,"tag":87,"props":2957,"children":2958},{"class":89,"line":157},[2959,2963,2967,2971,2975,2980,2984,2988,2992,2996,3000,3004,3008],{"type":53,"tag":87,"props":2960,"children":2961},{"style":171},[2962],{"type":58,"value":199},{"type":53,"tag":87,"props":2964,"children":2965},{"style":100},[2966],{"type":58,"value":103},{"type":53,"tag":87,"props":2968,"children":2969},{"style":206},[2970],{"type":58,"value":209},{"type":53,"tag":87,"props":2972,"children":2973},{"style":100},[2974],{"type":58,"value":214},{"type":53,"tag":87,"props":2976,"children":2977},{"style":106},[2978],{"type":58,"value":2979}," projects",{"type":53,"tag":87,"props":2981,"children":2982},{"style":100},[2983],{"type":58,"value":133},{"type":53,"tag":87,"props":2985,"children":2986},{"style":100},[2987],{"type":58,"value":237},{"type":53,"tag":87,"props":2989,"children":2990},{"style":177},[2991],{"type":58,"value":109},{"type":53,"tag":87,"props":2993,"children":2994},{"style":206},[2995],{"type":58,"value":246},{"type":53,"tag":87,"props":2997,"children":2998},{"style":100},[2999],{"type":58,"value":246},{"type":53,"tag":87,"props":3001,"children":3002},{"style":253},[3003],{"type":58,"value":256},{"type":53,"tag":87,"props":3005,"children":3006},{"style":100},[3007],{"type":58,"value":261},{"type":53,"tag":87,"props":3009,"children":3010},{"style":171},[3011],{"type":58,"value":266},{"type":53,"tag":87,"props":3013,"children":3014},{"class":89,"line":167},[3015,3019,3023,3027,3031,3035,3040,3044,3049,3053,3057,3061,3065,3069,3073,3077,3081,3085,3089],{"type":53,"tag":87,"props":3016,"children":3017},{"style":106},[3018],{"type":58,"value":1679},{"type":53,"tag":87,"props":3020,"children":3021},{"style":100},[3022],{"type":58,"value":375},{"type":53,"tag":87,"props":3024,"children":3025},{"style":177},[3026],{"type":58,"value":289},{"type":53,"tag":87,"props":3028,"children":3029},{"style":206},[3030],{"type":58,"value":246},{"type":53,"tag":87,"props":3032,"children":3033},{"style":100},[3034],{"type":58,"value":298},{"type":53,"tag":87,"props":3036,"children":3037},{"style":206},[3038],{"type":58,"value":3039}," p",{"type":53,"tag":87,"props":3041,"children":3042},{"style":100},[3043],{"type":58,"value":214},{"type":53,"tag":87,"props":3045,"children":3046},{"style":106},[3047],{"type":58,"value":3048}," projectsCollection",{"type":53,"tag":87,"props":3050,"children":3051},{"style":100},[3052],{"type":58,"value":133},{"type":53,"tag":87,"props":3054,"children":3055},{"style":206},[3056],{"type":58,"value":261},{"type":53,"tag":87,"props":3058,"children":3059},{"style":100},[3060],{"type":58,"value":375},{"type":53,"tag":87,"props":3062,"children":3063},{"style":177},[3064],{"type":58,"value":2911},{"type":53,"tag":87,"props":3066,"children":3067},{"style":206},[3068],{"type":58,"value":246},{"type":53,"tag":87,"props":3070,"children":3071},{"style":100},[3072],{"type":58,"value":343},{"type":53,"tag":87,"props":3074,"children":3075},{"style":253},[3076],{"type":58,"value":3039},{"type":53,"tag":87,"props":3078,"children":3079},{"style":100},[3080],{"type":58,"value":352},{"type":53,"tag":87,"props":3082,"children":3083},{"style":171},[3084],{"type":58,"value":357},{"type":53,"tag":87,"props":3086,"children":3087},{"style":206},[3088],{"type":58,"value":489},{"type":53,"tag":87,"props":3090,"children":3091},{"style":100},[3092],{"type":58,"value":1134},{"type":53,"tag":87,"props":3094,"children":3095},{"class":89,"line":193},[3096,3101,3105,3109,3113,3117],{"type":53,"tag":87,"props":3097,"children":3098},{"style":206},[3099],{"type":58,"value":3100}," id",{"type":53,"tag":87,"props":3102,"children":3103},{"style":100},[3104],{"type":58,"value":214},{"type":53,"tag":87,"props":3106,"children":3107},{"style":106},[3108],{"type":58,"value":3039},{"type":53,"tag":87,"props":3110,"children":3111},{"style":100},[3112],{"type":58,"value":375},{"type":53,"tag":87,"props":3114,"children":3115},{"style":106},[3116],{"type":58,"value":662},{"type":53,"tag":87,"props":3118,"children":3119},{"style":100},[3120],{"type":58,"value":458},{"type":53,"tag":87,"props":3122,"children":3123},{"class":89,"line":269},[3124,3129,3133,3137,3141,3146],{"type":53,"tag":87,"props":3125,"children":3126},{"style":206},[3127],{"type":58,"value":3128}," name",{"type":53,"tag":87,"props":3130,"children":3131},{"style":100},[3132],{"type":58,"value":214},{"type":53,"tag":87,"props":3134,"children":3135},{"style":106},[3136],{"type":58,"value":3039},{"type":53,"tag":87,"props":3138,"children":3139},{"style":100},[3140],{"type":58,"value":375},{"type":53,"tag":87,"props":3142,"children":3143},{"style":106},[3144],{"type":58,"value":3145},"name",{"type":53,"tag":87,"props":3147,"children":3148},{"style":100},[3149],{"type":58,"value":458},{"type":53,"tag":87,"props":3151,"children":3152},{"class":89,"line":278},[3153,3158,3162],{"type":53,"tag":87,"props":3154,"children":3155},{"style":206},[3156],{"type":58,"value":3157}," issues",{"type":53,"tag":87,"props":3159,"children":3160},{"style":100},[3161],{"type":58,"value":214},{"type":53,"tag":87,"props":3163,"children":3164},{"style":106},[3165],{"type":58,"value":1424},{"type":53,"tag":87,"props":3167,"children":3168},{"class":89,"line":324},[3169,3173,3177,3181,3185,3190,3194,3199,3203],{"type":53,"tag":87,"props":3170,"children":3171},{"style":100},[3172],{"type":58,"value":2205},{"type":53,"tag":87,"props":3174,"children":3175},{"style":177},[3176],{"type":58,"value":289},{"type":53,"tag":87,"props":3178,"children":3179},{"style":206},[3180],{"type":58,"value":246},{"type":53,"tag":87,"props":3182,"children":3183},{"style":100},[3184],{"type":58,"value":298},{"type":53,"tag":87,"props":3186,"children":3187},{"style":206},[3188],{"type":58,"value":3189}," i",{"type":53,"tag":87,"props":3191,"children":3192},{"style":100},[3193],{"type":58,"value":214},{"type":53,"tag":87,"props":3195,"children":3196},{"style":106},[3197],{"type":58,"value":3198}," issuesCollection",{"type":53,"tag":87,"props":3200,"children":3201},{"style":100},[3202],{"type":58,"value":133},{"type":53,"tag":87,"props":3204,"children":3205},{"style":206},[3206],{"type":58,"value":321},{"type":53,"tag":87,"props":3208,"children":3209},{"class":89,"line":388},[3210,3214,3218,3222,3226,3230,3234,3238,3242,3246,3251,3255,3260,3264,3268,3272,3276],{"type":53,"tag":87,"props":3211,"children":3212},{"style":100},[3213],{"type":58,"value":2205},{"type":53,"tag":87,"props":3215,"children":3216},{"style":177},[3217],{"type":58,"value":334},{"type":53,"tag":87,"props":3219,"children":3220},{"style":206},[3221],{"type":58,"value":246},{"type":53,"tag":87,"props":3223,"children":3224},{"style":100},[3225],{"type":58,"value":343},{"type":53,"tag":87,"props":3227,"children":3228},{"style":253},[3229],{"type":58,"value":3189},{"type":53,"tag":87,"props":3231,"children":3232},{"style":100},[3233],{"type":58,"value":352},{"type":53,"tag":87,"props":3235,"children":3236},{"style":171},[3237],{"type":58,"value":357},{"type":53,"tag":87,"props":3239,"children":3240},{"style":177},[3241],{"type":58,"value":119},{"type":53,"tag":87,"props":3243,"children":3244},{"style":206},[3245],{"type":58,"value":246},{"type":53,"tag":87,"props":3247,"children":3248},{"style":106},[3249],{"type":58,"value":3250},"i",{"type":53,"tag":87,"props":3252,"children":3253},{"style":100},[3254],{"type":58,"value":375},{"type":53,"tag":87,"props":3256,"children":3257},{"style":106},[3258],{"type":58,"value":3259},"projectId",{"type":53,"tag":87,"props":3261,"children":3262},{"style":100},[3263],{"type":58,"value":114},{"type":53,"tag":87,"props":3265,"children":3266},{"style":106},[3267],{"type":58,"value":3039},{"type":53,"tag":87,"props":3269,"children":3270},{"style":100},[3271],{"type":58,"value":375},{"type":53,"tag":87,"props":3273,"children":3274},{"style":106},[3275],{"type":58,"value":662},{"type":53,"tag":87,"props":3277,"children":3278},{"style":206},[3279],{"type":58,"value":385},{"type":53,"tag":87,"props":3281,"children":3282},{"class":89,"line":461},[3283,3287,3291,3295,3299,3303,3307,3311,3315,3319,3324,3328,3332,3336,3340,3344,3349,3353,3357,3361,3366,3370,3375],{"type":53,"tag":87,"props":3284,"children":3285},{"style":100},[3286],{"type":58,"value":2205},{"type":53,"tag":87,"props":3288,"children":3289},{"style":177},[3290],{"type":58,"value":2911},{"type":53,"tag":87,"props":3292,"children":3293},{"style":206},[3294],{"type":58,"value":246},{"type":53,"tag":87,"props":3296,"children":3297},{"style":100},[3298],{"type":58,"value":343},{"type":53,"tag":87,"props":3300,"children":3301},{"style":253},[3302],{"type":58,"value":3189},{"type":53,"tag":87,"props":3304,"children":3305},{"style":100},[3306],{"type":58,"value":352},{"type":53,"tag":87,"props":3308,"children":3309},{"style":171},[3310],{"type":58,"value":357},{"type":53,"tag":87,"props":3312,"children":3313},{"style":206},[3314],{"type":58,"value":489},{"type":53,"tag":87,"props":3316,"children":3317},{"style":100},[3318],{"type":58,"value":298},{"type":53,"tag":87,"props":3320,"children":3321},{"style":206},[3322],{"type":58,"value":3323}," id",{"type":53,"tag":87,"props":3325,"children":3326},{"style":100},[3327],{"type":58,"value":214},{"type":53,"tag":87,"props":3329,"children":3330},{"style":106},[3331],{"type":58,"value":3189},{"type":53,"tag":87,"props":3333,"children":3334},{"style":100},[3335],{"type":58,"value":375},{"type":53,"tag":87,"props":3337,"children":3338},{"style":106},[3339],{"type":58,"value":662},{"type":53,"tag":87,"props":3341,"children":3342},{"style":100},[3343],{"type":58,"value":114},{"type":53,"tag":87,"props":3345,"children":3346},{"style":206},[3347],{"type":58,"value":3348}," title",{"type":53,"tag":87,"props":3350,"children":3351},{"style":100},[3352],{"type":58,"value":214},{"type":53,"tag":87,"props":3354,"children":3355},{"style":106},[3356],{"type":58,"value":3189},{"type":53,"tag":87,"props":3358,"children":3359},{"style":100},[3360],{"type":58,"value":375},{"type":53,"tag":87,"props":3362,"children":3363},{"style":106},[3364],{"type":58,"value":3365},"title",{"type":53,"tag":87,"props":3367,"children":3368},{"style":100},[3369],{"type":58,"value":133},{"type":53,"tag":87,"props":3371,"children":3372},{"style":206},[3373],{"type":58,"value":3374},"))",{"type":53,"tag":87,"props":3376,"children":3377},{"style":100},[3378],{"type":58,"value":458},{"type":53,"tag":87,"props":3380,"children":3381},{"class":89,"line":470},[3382,3386,3390],{"type":53,"tag":87,"props":3383,"children":3384},{"style":100},[3385],{"type":58,"value":2609},{"type":53,"tag":87,"props":3387,"children":3388},{"style":206},[3389],{"type":58,"value":3374},{"type":53,"tag":87,"props":3391,"children":3392},{"style":100},[3393],{"type":58,"value":458},{"type":53,"tag":87,"props":3395,"children":3396},{"class":89,"line":478},[3397],{"type":53,"tag":87,"props":3398,"children":3399},{"style":206},[3400],{"type":58,"value":467},{"type":53,"tag":87,"props":3402,"children":3403},{"class":89,"line":541},[3404],{"type":53,"tag":87,"props":3405,"children":3406},{"emptyLinePlaceholder":161},[3407],{"type":58,"value":164},{"type":53,"tag":87,"props":3409,"children":3410},{"class":89,"line":549},[3411,3415],{"type":53,"tag":87,"props":3412,"children":3413},{"style":94},[3414],{"type":58,"value":555},{"type":53,"tag":87,"props":3416,"children":3417},{"style":206},[3418],{"type":58,"value":560},{"type":53,"tag":87,"props":3420,"children":3421},{"class":89,"line":563},[3422,3426,3430],{"type":53,"tag":87,"props":3423,"children":3424},{"style":100},[3425],{"type":58,"value":569},{"type":53,"tag":87,"props":3427,"children":3428},{"style":206},[3429],{"type":58,"value":574},{"type":53,"tag":87,"props":3431,"children":3432},{"style":100},[3433],{"type":58,"value":538},{"type":53,"tag":87,"props":3435,"children":3436},{"class":89,"line":581},[3437,3441,3446,3450,3454,3458,3462,3467,3471,3475],{"type":53,"tag":87,"props":3438,"children":3439},{"style":100},[3440],{"type":58,"value":587},{"type":53,"tag":87,"props":3442,"children":3443},{"style":106},[3444],{"type":58,"value":3445},"projects",{"type":53,"tag":87,"props":3447,"children":3448},{"style":100},[3449],{"type":58,"value":375},{"type":53,"tag":87,"props":3451,"children":3452},{"style":177},[3453],{"type":58,"value":601},{"type":53,"tag":87,"props":3455,"children":3456},{"style":106},[3457],{"type":58,"value":246},{"type":53,"tag":87,"props":3459,"children":3460},{"style":100},[3461],{"type":58,"value":246},{"type":53,"tag":87,"props":3463,"children":3464},{"style":253},[3465],{"type":58,"value":3466},"project",{"type":53,"tag":87,"props":3468,"children":3469},{"style":100},[3470],{"type":58,"value":261},{"type":53,"tag":87,"props":3472,"children":3473},{"style":171},[3474],{"type":58,"value":357},{"type":53,"tag":87,"props":3476,"children":3477},{"style":106},[3478],{"type":58,"value":560},{"type":53,"tag":87,"props":3480,"children":3481},{"class":89,"line":628},[3482,3486,3490,3494,3498,3502,3506,3510],{"type":53,"tag":87,"props":3483,"children":3484},{"style":100},[3485],{"type":58,"value":634},{"type":53,"tag":87,"props":3487,"children":3488},{"style":206},[3489],{"type":58,"value":639},{"type":53,"tag":87,"props":3491,"children":3492},{"style":171},[3493],{"type":58,"value":644},{"type":53,"tag":87,"props":3495,"children":3496},{"style":100},[3497],{"type":58,"value":649},{"type":53,"tag":87,"props":3499,"children":3500},{"style":106},[3501],{"type":58,"value":3466},{"type":53,"tag":87,"props":3503,"children":3504},{"style":100},[3505],{"type":58,"value":375},{"type":53,"tag":87,"props":3507,"children":3508},{"style":106},[3509],{"type":58,"value":662},{"type":53,"tag":87,"props":3511,"children":3512},{"style":100},[3513],{"type":58,"value":3514},"}>\n",{"type":53,"tag":87,"props":3516,"children":3517},{"class":89,"line":695},[3518,3523,3527,3531,3535],{"type":53,"tag":87,"props":3519,"children":3520},{"style":100},[3521],{"type":58,"value":3522}," {",{"type":53,"tag":87,"props":3524,"children":3525},{"style":106},[3526],{"type":58,"value":3466},{"type":53,"tag":87,"props":3528,"children":3529},{"style":100},[3530],{"type":58,"value":375},{"type":53,"tag":87,"props":3532,"children":3533},{"style":106},[3534],{"type":58,"value":3145},{"type":53,"tag":87,"props":3536,"children":3537},{"style":100},[3538],{"type":58,"value":706},{"type":53,"tag":87,"props":3540,"children":3541},{"class":89,"line":709},[3542,3547,3552,3556,3560,3564,3568,3573],{"type":53,"tag":87,"props":3543,"children":3544},{"style":100},[3545],{"type":58,"value":3546}," \u003C",{"type":53,"tag":87,"props":3548,"children":3549},{"style":2509},[3550],{"type":58,"value":3551},"IssueList",{"type":53,"tag":87,"props":3553,"children":3554},{"style":171},[3555],{"type":58,"value":3198},{"type":53,"tag":87,"props":3557,"children":3558},{"style":100},[3559],{"type":58,"value":649},{"type":53,"tag":87,"props":3561,"children":3562},{"style":106},[3563],{"type":58,"value":3466},{"type":53,"tag":87,"props":3565,"children":3566},{"style":100},[3567],{"type":58,"value":375},{"type":53,"tag":87,"props":3569,"children":3570},{"style":106},[3571],{"type":58,"value":3572},"issues",{"type":53,"tag":87,"props":3574,"children":3575},{"style":100},[3576],{"type":58,"value":2894},{"type":53,"tag":87,"props":3578,"children":3579},{"class":89,"line":726},[3580,3585,3589],{"type":53,"tag":87,"props":3581,"children":3582},{"style":100},[3583],{"type":58,"value":3584}," \u003C\u002F",{"type":53,"tag":87,"props":3586,"children":3587},{"style":206},[3588],{"type":58,"value":639},{"type":53,"tag":87,"props":3590,"children":3591},{"style":100},[3592],{"type":58,"value":538},{"type":53,"tag":87,"props":3594,"children":3595},{"class":89,"line":734},[3596,3600],{"type":53,"tag":87,"props":3597,"children":3598},{"style":106},[3599],{"type":58,"value":701},{"type":53,"tag":87,"props":3601,"children":3602},{"style":100},[3603],{"type":58,"value":706},{"type":53,"tag":87,"props":3605,"children":3606},{"class":89,"line":1099},[3607,3611,3615],{"type":53,"tag":87,"props":3608,"children":3609},{"style":100},[3610],{"type":58,"value":715},{"type":53,"tag":87,"props":3612,"children":3613},{"style":206},[3614],{"type":58,"value":574},{"type":53,"tag":87,"props":3616,"children":3617},{"style":100},[3618],{"type":58,"value":538},{"type":53,"tag":87,"props":3620,"children":3621},{"class":89,"line":1137},[3622],{"type":53,"tag":87,"props":3623,"children":3624},{"style":206},[3625],{"type":58,"value":467},{"type":53,"tag":87,"props":3627,"children":3628},{"class":89,"line":1211},[3629],{"type":53,"tag":87,"props":3630,"children":3631},{"style":100},[3632],{"type":58,"value":706},{"type":53,"tag":87,"props":3634,"children":3635},{"class":89,"line":1234},[3636],{"type":53,"tag":87,"props":3637,"children":3638},{"emptyLinePlaceholder":161},[3639],{"type":58,"value":164},{"type":53,"tag":87,"props":3641,"children":3642},{"class":89,"line":1246},[3643],{"type":53,"tag":87,"props":3644,"children":3645},{"style":789},[3646],{"type":58,"value":3647},"\u002F\u002F Child component subscribes to the child Collection\n",{"type":53,"tag":87,"props":3649,"children":3650},{"class":89,"line":1254},[3651,3655,3660,3664,3668,3672],{"type":53,"tag":87,"props":3652,"children":3653},{"style":171},[3654],{"type":58,"value":174},{"type":53,"tag":87,"props":3656,"children":3657},{"style":177},[3658],{"type":58,"value":3659}," IssueList",{"type":53,"tag":87,"props":3661,"children":3662},{"style":100},[3663],{"type":58,"value":343},{"type":53,"tag":87,"props":3665,"children":3666},{"style":253},[3667],{"type":58,"value":3198},{"type":53,"tag":87,"props":3669,"children":3670},{"style":100},[3671],{"type":58,"value":352},{"type":53,"tag":87,"props":3673,"children":3674},{"style":100},[3675],{"type":58,"value":190},{"type":53,"tag":87,"props":3677,"children":3678},{"class":89,"line":1263},[3679,3683,3687,3691,3695,3700,3704,3708,3712,3716,3721],{"type":53,"tag":87,"props":3680,"children":3681},{"style":171},[3682],{"type":58,"value":199},{"type":53,"tag":87,"props":3684,"children":3685},{"style":100},[3686],{"type":58,"value":103},{"type":53,"tag":87,"props":3688,"children":3689},{"style":206},[3690],{"type":58,"value":209},{"type":53,"tag":87,"props":3692,"children":3693},{"style":100},[3694],{"type":58,"value":214},{"type":53,"tag":87,"props":3696,"children":3697},{"style":106},[3698],{"type":58,"value":3699}," issues",{"type":53,"tag":87,"props":3701,"children":3702},{"style":100},[3703],{"type":58,"value":133},{"type":53,"tag":87,"props":3705,"children":3706},{"style":100},[3707],{"type":58,"value":237},{"type":53,"tag":87,"props":3709,"children":3710},{"style":177},[3711],{"type":58,"value":109},{"type":53,"tag":87,"props":3713,"children":3714},{"style":206},[3715],{"type":58,"value":246},{"type":53,"tag":87,"props":3717,"children":3718},{"style":106},[3719],{"type":58,"value":3720},"issuesCollection",{"type":53,"tag":87,"props":3722,"children":3723},{"style":206},[3724],{"type":58,"value":321},{"type":53,"tag":87,"props":3726,"children":3727},{"class":89,"line":1296},[3728,3732],{"type":53,"tag":87,"props":3729,"children":3730},{"style":94},[3731],{"type":58,"value":555},{"type":53,"tag":87,"props":3733,"children":3734},{"style":206},[3735],{"type":58,"value":560},{"type":53,"tag":87,"props":3737,"children":3738},{"class":89,"line":1304},[3739,3743,3747],{"type":53,"tag":87,"props":3740,"children":3741},{"style":100},[3742],{"type":58,"value":569},{"type":53,"tag":87,"props":3744,"children":3745},{"style":206},[3746],{"type":58,"value":574},{"type":53,"tag":87,"props":3748,"children":3749},{"style":100},[3750],{"type":58,"value":538},{"type":53,"tag":87,"props":3752,"children":3753},{"class":89,"line":1313},[3754,3758,3762,3766,3770,3774,3778,3783,3787,3791],{"type":53,"tag":87,"props":3755,"children":3756},{"style":100},[3757],{"type":58,"value":587},{"type":53,"tag":87,"props":3759,"children":3760},{"style":106},[3761],{"type":58,"value":3572},{"type":53,"tag":87,"props":3763,"children":3764},{"style":100},[3765],{"type":58,"value":375},{"type":53,"tag":87,"props":3767,"children":3768},{"style":177},[3769],{"type":58,"value":601},{"type":53,"tag":87,"props":3771,"children":3772},{"style":106},[3773],{"type":58,"value":246},{"type":53,"tag":87,"props":3775,"children":3776},{"style":100},[3777],{"type":58,"value":246},{"type":53,"tag":87,"props":3779,"children":3780},{"style":253},[3781],{"type":58,"value":3782},"issue",{"type":53,"tag":87,"props":3784,"children":3785},{"style":100},[3786],{"type":58,"value":261},{"type":53,"tag":87,"props":3788,"children":3789},{"style":171},[3790],{"type":58,"value":357},{"type":53,"tag":87,"props":3792,"children":3793},{"style":106},[3794],{"type":58,"value":560},{"type":53,"tag":87,"props":3796,"children":3797},{"class":89,"line":1354},[3798,3802,3806,3810,3814,3818,3822,3826,3830,3834,3838,3842,3846,3850],{"type":53,"tag":87,"props":3799,"children":3800},{"style":100},[3801],{"type":58,"value":634},{"type":53,"tag":87,"props":3803,"children":3804},{"style":206},[3805],{"type":58,"value":639},{"type":53,"tag":87,"props":3807,"children":3808},{"style":171},[3809],{"type":58,"value":644},{"type":53,"tag":87,"props":3811,"children":3812},{"style":100},[3813],{"type":58,"value":649},{"type":53,"tag":87,"props":3815,"children":3816},{"style":106},[3817],{"type":58,"value":3782},{"type":53,"tag":87,"props":3819,"children":3820},{"style":100},[3821],{"type":58,"value":375},{"type":53,"tag":87,"props":3823,"children":3824},{"style":106},[3825],{"type":58,"value":662},{"type":53,"tag":87,"props":3827,"children":3828},{"style":100},[3829],{"type":58,"value":667},{"type":53,"tag":87,"props":3831,"children":3832},{"style":106},[3833],{"type":58,"value":3782},{"type":53,"tag":87,"props":3835,"children":3836},{"style":100},[3837],{"type":58,"value":375},{"type":53,"tag":87,"props":3839,"children":3840},{"style":106},[3841],{"type":58,"value":3365},{"type":53,"tag":87,"props":3843,"children":3844},{"style":100},[3845],{"type":58,"value":684},{"type":53,"tag":87,"props":3847,"children":3848},{"style":206},[3849],{"type":58,"value":639},{"type":53,"tag":87,"props":3851,"children":3852},{"style":100},[3853],{"type":58,"value":538},{"type":53,"tag":87,"props":3855,"children":3856},{"class":89,"line":1378},[3857,3861],{"type":53,"tag":87,"props":3858,"children":3859},{"style":106},[3860],{"type":58,"value":701},{"type":53,"tag":87,"props":3862,"children":3863},{"style":100},[3864],{"type":58,"value":706},{"type":53,"tag":87,"props":3866,"children":3867},{"class":89,"line":1413},[3868,3872,3876],{"type":53,"tag":87,"props":3869,"children":3870},{"style":100},[3871],{"type":58,"value":715},{"type":53,"tag":87,"props":3873,"children":3874},{"style":206},[3875],{"type":58,"value":574},{"type":53,"tag":87,"props":3877,"children":3878},{"style":100},[3879],{"type":58,"value":538},{"type":53,"tag":87,"props":3881,"children":3882},{"class":89,"line":1427},[3883],{"type":53,"tag":87,"props":3884,"children":3885},{"style":206},[3886],{"type":58,"value":467},{"type":53,"tag":87,"props":3888,"children":3889},{"class":89,"line":1467},[3890],{"type":53,"tag":87,"props":3891,"children":3892},{"style":100},[3893],{"type":58,"value":706},{"type":53,"tag":54,"props":3895,"children":3896},{},[3897,3899,3904],{"type":58,"value":3898},"Only the affected ",{"type":53,"tag":83,"props":3900,"children":3902},{"className":3901},[],[3903],{"type":58,"value":3551},{"type":58,"value":3905}," re-renders when an issue changes — the parent does not.",{"type":53,"tag":54,"props":3907,"children":3908},{},[3909,3911,3917],{"type":58,"value":3910},"With ",{"type":53,"tag":83,"props":3912,"children":3914},{"className":3913},[],[3915],{"type":58,"value":3916},"toArray()",{"type":58,"value":3918},", child results are plain arrays and the parent re-renders on child changes:",{"type":53,"tag":75,"props":3920,"children":3922},{"className":77,"code":3921,"language":79,"meta":80,"style":80},"import { toArray, eq } from '@tanstack\u002Freact-db'\n\nconst { data: projects } = useLiveQuery((q) =>\n q.from({ p: projectsCollection }).select(({ p }) => ({\n id: p.id,\n name: p.name,\n issues: toArray(\n q\n .from({ i: issuesCollection })\n .where(({ i }) => eq(i.projectId, p.id))\n .select(({ i }) => ({ id: i.id, title: i.title })),\n ),\n })),\n)\n\u002F\u002F project.issues is string[] — no subcomponent needed\n",[3923],{"type":53,"tag":83,"props":3924,"children":3925},{"__ignoreMap":80},[3926,3970,3977,4033,4114,4142,4170,4190,4197,4237,4302,4398,4410,4426,4433],{"type":53,"tag":87,"props":3927,"children":3928},{"class":89,"line":90},[3929,3933,3937,3942,3946,3950,3954,3958,3962,3966],{"type":53,"tag":87,"props":3930,"children":3931},{"style":94},[3932],{"type":58,"value":97},{"type":53,"tag":87,"props":3934,"children":3935},{"style":100},[3936],{"type":58,"value":103},{"type":53,"tag":87,"props":3938,"children":3939},{"style":106},[3940],{"type":58,"value":3941}," toArray",{"type":53,"tag":87,"props":3943,"children":3944},{"style":100},[3945],{"type":58,"value":114},{"type":53,"tag":87,"props":3947,"children":3948},{"style":106},[3949],{"type":58,"value":119},{"type":53,"tag":87,"props":3951,"children":3952},{"style":100},[3953],{"type":58,"value":133},{"type":53,"tag":87,"props":3955,"children":3956},{"style":94},[3957],{"type":58,"value":138},{"type":53,"tag":87,"props":3959,"children":3960},{"style":100},[3961],{"type":58,"value":143},{"type":53,"tag":87,"props":3963,"children":3964},{"style":146},[3965],{"type":58,"value":149},{"type":53,"tag":87,"props":3967,"children":3968},{"style":100},[3969],{"type":58,"value":154},{"type":53,"tag":87,"props":3971,"children":3972},{"class":89,"line":157},[3973],{"type":53,"tag":87,"props":3974,"children":3975},{"emptyLinePlaceholder":161},[3976],{"type":58,"value":164},{"type":53,"tag":87,"props":3978,"children":3979},{"class":89,"line":167},[3980,3984,3988,3992,3996,4001,4005,4009,4013,4017,4021,4025,4029],{"type":53,"tag":87,"props":3981,"children":3982},{"style":171},[3983],{"type":58,"value":800},{"type":53,"tag":87,"props":3985,"children":3986},{"style":100},[3987],{"type":58,"value":103},{"type":53,"tag":87,"props":3989,"children":3990},{"style":206},[3991],{"type":58,"value":209},{"type":53,"tag":87,"props":3993,"children":3994},{"style":100},[3995],{"type":58,"value":214},{"type":53,"tag":87,"props":3997,"children":3998},{"style":106},[3999],{"type":58,"value":4000}," projects ",{"type":53,"tag":87,"props":4002,"children":4003},{"style":100},[4004],{"type":58,"value":920},{"type":53,"tag":87,"props":4006,"children":4007},{"style":100},[4008],{"type":58,"value":237},{"type":53,"tag":87,"props":4010,"children":4011},{"style":177},[4012],{"type":58,"value":109},{"type":53,"tag":87,"props":4014,"children":4015},{"style":106},[4016],{"type":58,"value":246},{"type":53,"tag":87,"props":4018,"children":4019},{"style":100},[4020],{"type":58,"value":246},{"type":53,"tag":87,"props":4022,"children":4023},{"style":253},[4024],{"type":58,"value":256},{"type":53,"tag":87,"props":4026,"children":4027},{"style":100},[4028],{"type":58,"value":261},{"type":53,"tag":87,"props":4030,"children":4031},{"style":171},[4032],{"type":58,"value":266},{"type":53,"tag":87,"props":4034,"children":4035},{"class":89,"line":193},[4036,4041,4045,4049,4053,4057,4061,4065,4070,4074,4078,4082,4086,4090,4094,4098,4102,4106,4110],{"type":53,"tag":87,"props":4037,"children":4038},{"style":106},[4039],{"type":58,"value":4040}," q",{"type":53,"tag":87,"props":4042,"children":4043},{"style":100},[4044],{"type":58,"value":375},{"type":53,"tag":87,"props":4046,"children":4047},{"style":177},[4048],{"type":58,"value":289},{"type":53,"tag":87,"props":4050,"children":4051},{"style":106},[4052],{"type":58,"value":246},{"type":53,"tag":87,"props":4054,"children":4055},{"style":100},[4056],{"type":58,"value":298},{"type":53,"tag":87,"props":4058,"children":4059},{"style":206},[4060],{"type":58,"value":3039},{"type":53,"tag":87,"props":4062,"children":4063},{"style":100},[4064],{"type":58,"value":214},{"type":53,"tag":87,"props":4066,"children":4067},{"style":106},[4068],{"type":58,"value":4069}," projectsCollection ",{"type":53,"tag":87,"props":4071,"children":4072},{"style":100},[4073],{"type":58,"value":920},{"type":53,"tag":87,"props":4075,"children":4076},{"style":106},[4077],{"type":58,"value":261},{"type":53,"tag":87,"props":4079,"children":4080},{"style":100},[4081],{"type":58,"value":375},{"type":53,"tag":87,"props":4083,"children":4084},{"style":177},[4085],{"type":58,"value":2911},{"type":53,"tag":87,"props":4087,"children":4088},{"style":106},[4089],{"type":58,"value":246},{"type":53,"tag":87,"props":4091,"children":4092},{"style":100},[4093],{"type":58,"value":343},{"type":53,"tag":87,"props":4095,"children":4096},{"style":253},[4097],{"type":58,"value":3039},{"type":53,"tag":87,"props":4099,"children":4100},{"style":100},[4101],{"type":58,"value":352},{"type":53,"tag":87,"props":4103,"children":4104},{"style":171},[4105],{"type":58,"value":357},{"type":53,"tag":87,"props":4107,"children":4108},{"style":106},[4109],{"type":58,"value":489},{"type":53,"tag":87,"props":4111,"children":4112},{"style":100},[4113],{"type":58,"value":1134},{"type":53,"tag":87,"props":4115,"children":4116},{"class":89,"line":269},[4117,4122,4126,4130,4134,4138],{"type":53,"tag":87,"props":4118,"children":4119},{"style":206},[4120],{"type":58,"value":4121}," id",{"type":53,"tag":87,"props":4123,"children":4124},{"style":100},[4125],{"type":58,"value":214},{"type":53,"tag":87,"props":4127,"children":4128},{"style":106},[4129],{"type":58,"value":3039},{"type":53,"tag":87,"props":4131,"children":4132},{"style":100},[4133],{"type":58,"value":375},{"type":53,"tag":87,"props":4135,"children":4136},{"style":106},[4137],{"type":58,"value":662},{"type":53,"tag":87,"props":4139,"children":4140},{"style":100},[4141],{"type":58,"value":458},{"type":53,"tag":87,"props":4143,"children":4144},{"class":89,"line":278},[4145,4150,4154,4158,4162,4166],{"type":53,"tag":87,"props":4146,"children":4147},{"style":206},[4148],{"type":58,"value":4149}," name",{"type":53,"tag":87,"props":4151,"children":4152},{"style":100},[4153],{"type":58,"value":214},{"type":53,"tag":87,"props":4155,"children":4156},{"style":106},[4157],{"type":58,"value":3039},{"type":53,"tag":87,"props":4159,"children":4160},{"style":100},[4161],{"type":58,"value":375},{"type":53,"tag":87,"props":4163,"children":4164},{"style":106},[4165],{"type":58,"value":3145},{"type":53,"tag":87,"props":4167,"children":4168},{"style":100},[4169],{"type":58,"value":458},{"type":53,"tag":87,"props":4171,"children":4172},{"class":89,"line":324},[4173,4178,4182,4186],{"type":53,"tag":87,"props":4174,"children":4175},{"style":206},[4176],{"type":58,"value":4177}," issues",{"type":53,"tag":87,"props":4179,"children":4180},{"style":100},[4181],{"type":58,"value":214},{"type":53,"tag":87,"props":4183,"children":4184},{"style":177},[4185],{"type":58,"value":3941},{"type":53,"tag":87,"props":4187,"children":4188},{"style":106},[4189],{"type":58,"value":933},{"type":53,"tag":87,"props":4191,"children":4192},{"class":89,"line":388},[4193],{"type":53,"tag":87,"props":4194,"children":4195},{"style":106},[4196],{"type":58,"value":2197},{"type":53,"tag":87,"props":4198,"children":4199},{"class":89,"line":461},[4200,4204,4208,4212,4216,4220,4224,4229,4233],{"type":53,"tag":87,"props":4201,"children":4202},{"style":100},[4203],{"type":58,"value":2205},{"type":53,"tag":87,"props":4205,"children":4206},{"style":177},[4207],{"type":58,"value":289},{"type":53,"tag":87,"props":4209,"children":4210},{"style":106},[4211],{"type":58,"value":246},{"type":53,"tag":87,"props":4213,"children":4214},{"style":100},[4215],{"type":58,"value":298},{"type":53,"tag":87,"props":4217,"children":4218},{"style":206},[4219],{"type":58,"value":3189},{"type":53,"tag":87,"props":4221,"children":4222},{"style":100},[4223],{"type":58,"value":214},{"type":53,"tag":87,"props":4225,"children":4226},{"style":106},[4227],{"type":58,"value":4228}," issuesCollection ",{"type":53,"tag":87,"props":4230,"children":4231},{"style":100},[4232],{"type":58,"value":920},{"type":53,"tag":87,"props":4234,"children":4235},{"style":106},[4236],{"type":58,"value":321},{"type":53,"tag":87,"props":4238,"children":4239},{"class":89,"line":470},[4240,4244,4248,4252,4256,4260,4264,4268,4272,4277,4281,4285,4289,4293,4297],{"type":53,"tag":87,"props":4241,"children":4242},{"style":100},[4243],{"type":58,"value":2205},{"type":53,"tag":87,"props":4245,"children":4246},{"style":177},[4247],{"type":58,"value":334},{"type":53,"tag":87,"props":4249,"children":4250},{"style":106},[4251],{"type":58,"value":246},{"type":53,"tag":87,"props":4253,"children":4254},{"style":100},[4255],{"type":58,"value":343},{"type":53,"tag":87,"props":4257,"children":4258},{"style":253},[4259],{"type":58,"value":3189},{"type":53,"tag":87,"props":4261,"children":4262},{"style":100},[4263],{"type":58,"value":352},{"type":53,"tag":87,"props":4265,"children":4266},{"style":171},[4267],{"type":58,"value":357},{"type":53,"tag":87,"props":4269,"children":4270},{"style":177},[4271],{"type":58,"value":119},{"type":53,"tag":87,"props":4273,"children":4274},{"style":106},[4275],{"type":58,"value":4276},"(i",{"type":53,"tag":87,"props":4278,"children":4279},{"style":100},[4280],{"type":58,"value":375},{"type":53,"tag":87,"props":4282,"children":4283},{"style":106},[4284],{"type":58,"value":3259},{"type":53,"tag":87,"props":4286,"children":4287},{"style":100},[4288],{"type":58,"value":114},{"type":53,"tag":87,"props":4290,"children":4291},{"style":106},[4292],{"type":58,"value":3039},{"type":53,"tag":87,"props":4294,"children":4295},{"style":100},[4296],{"type":58,"value":375},{"type":53,"tag":87,"props":4298,"children":4299},{"style":106},[4300],{"type":58,"value":4301},"id))\n",{"type":53,"tag":87,"props":4303,"children":4304},{"class":89,"line":478},[4305,4309,4313,4317,4321,4325,4329,4333,4337,4341,4345,4349,4353,4357,4361,4365,4369,4373,4377,4381,4386,4390,4394],{"type":53,"tag":87,"props":4306,"children":4307},{"style":100},[4308],{"type":58,"value":2205},{"type":53,"tag":87,"props":4310,"children":4311},{"style":177},[4312],{"type":58,"value":2911},{"type":53,"tag":87,"props":4314,"children":4315},{"style":106},[4316],{"type":58,"value":246},{"type":53,"tag":87,"props":4318,"children":4319},{"style":100},[4320],{"type":58,"value":343},{"type":53,"tag":87,"props":4322,"children":4323},{"style":253},[4324],{"type":58,"value":3189},{"type":53,"tag":87,"props":4326,"children":4327},{"style":100},[4328],{"type":58,"value":352},{"type":53,"tag":87,"props":4330,"children":4331},{"style":171},[4332],{"type":58,"value":357},{"type":53,"tag":87,"props":4334,"children":4335},{"style":106},[4336],{"type":58,"value":489},{"type":53,"tag":87,"props":4338,"children":4339},{"style":100},[4340],{"type":58,"value":298},{"type":53,"tag":87,"props":4342,"children":4343},{"style":206},[4344],{"type":58,"value":3323},{"type":53,"tag":87,"props":4346,"children":4347},{"style":100},[4348],{"type":58,"value":214},{"type":53,"tag":87,"props":4350,"children":4351},{"style":106},[4352],{"type":58,"value":3189},{"type":53,"tag":87,"props":4354,"children":4355},{"style":100},[4356],{"type":58,"value":375},{"type":53,"tag":87,"props":4358,"children":4359},{"style":106},[4360],{"type":58,"value":662},{"type":53,"tag":87,"props":4362,"children":4363},{"style":100},[4364],{"type":58,"value":114},{"type":53,"tag":87,"props":4366,"children":4367},{"style":206},[4368],{"type":58,"value":3348},{"type":53,"tag":87,"props":4370,"children":4371},{"style":100},[4372],{"type":58,"value":214},{"type":53,"tag":87,"props":4374,"children":4375},{"style":106},[4376],{"type":58,"value":3189},{"type":53,"tag":87,"props":4378,"children":4379},{"style":100},[4380],{"type":58,"value":375},{"type":53,"tag":87,"props":4382,"children":4383},{"style":106},[4384],{"type":58,"value":4385},"title ",{"type":53,"tag":87,"props":4387,"children":4388},{"style":100},[4389],{"type":58,"value":920},{"type":53,"tag":87,"props":4391,"children":4392},{"style":106},[4393],{"type":58,"value":3374},{"type":53,"tag":87,"props":4395,"children":4396},{"style":100},[4397],{"type":58,"value":458},{"type":53,"tag":87,"props":4399,"children":4400},{"class":89,"line":541},[4401,4406],{"type":53,"tag":87,"props":4402,"children":4403},{"style":106},[4404],{"type":58,"value":4405}," )",{"type":53,"tag":87,"props":4407,"children":4408},{"style":100},[4409],{"type":58,"value":458},{"type":53,"tag":87,"props":4411,"children":4412},{"class":89,"line":549},[4413,4418,4422],{"type":53,"tag":87,"props":4414,"children":4415},{"style":100},[4416],{"type":58,"value":4417}," }",{"type":53,"tag":87,"props":4419,"children":4420},{"style":106},[4421],{"type":58,"value":3374},{"type":53,"tag":87,"props":4423,"children":4424},{"style":100},[4425],{"type":58,"value":458},{"type":53,"tag":87,"props":4427,"children":4428},{"class":89,"line":563},[4429],{"type":53,"tag":87,"props":4430,"children":4431},{"style":106},[4432],{"type":58,"value":321},{"type":53,"tag":87,"props":4434,"children":4435},{"class":89,"line":581},[4436],{"type":53,"tag":87,"props":4437,"children":4438},{"style":789},[4439],{"type":58,"value":4440},"\u002F\u002F project.issues is string[] — no subcomponent needed\n",{"type":53,"tag":54,"props":4442,"children":4443},{},[4444],{"type":58,"value":4445},"See db-core\u002Flive-queries\u002FSKILL.md for full includes rules (correlation conditions, nested includes, aggregates).",{"type":53,"tag":68,"props":4447,"children":4449},{"id":4448},"virtual-properties",[4450],{"type":58,"value":4451},"Virtual Properties",{"type":53,"tag":54,"props":4453,"children":4454},{},[4455],{"type":58,"value":4456},"Live query results include computed, read-only virtual properties on every row:",{"type":53,"tag":574,"props":4458,"children":4459},{},[4460,4487,4512,4523],{"type":53,"tag":639,"props":4461,"children":4462},{},[4463,4469,4471,4477,4479,4485],{"type":53,"tag":83,"props":4464,"children":4466},{"className":4465},[],[4467],{"type":58,"value":4468},"$synced",{"type":58,"value":4470},": ",{"type":53,"tag":83,"props":4472,"children":4474},{"className":4473},[],[4475],{"type":58,"value":4476},"true",{"type":58,"value":4478}," when the row is confirmed by sync; ",{"type":53,"tag":83,"props":4480,"children":4482},{"className":4481},[],[4483],{"type":58,"value":4484},"false",{"type":58,"value":4486}," when it is still optimistic.",{"type":53,"tag":639,"props":4488,"children":4489},{},[4490,4496,4497,4503,4505,4511],{"type":53,"tag":83,"props":4491,"children":4493},{"className":4492},[],[4494],{"type":58,"value":4495},"$origin",{"type":58,"value":4470},{"type":53,"tag":83,"props":4498,"children":4500},{"className":4499},[],[4501],{"type":58,"value":4502},"\"local\"",{"type":58,"value":4504}," if the last confirmed change came from this client, otherwise ",{"type":53,"tag":83,"props":4506,"children":4508},{"className":4507},[],[4509],{"type":58,"value":4510},"\"remote\"",{"type":58,"value":375},{"type":53,"tag":639,"props":4513,"children":4514},{},[4515,4521],{"type":53,"tag":83,"props":4516,"children":4518},{"className":4517},[],[4519],{"type":58,"value":4520},"$key",{"type":58,"value":4522},": the row key for the result.",{"type":53,"tag":639,"props":4524,"children":4525},{},[4526,4532],{"type":53,"tag":83,"props":4527,"children":4529},{"className":4528},[],[4530],{"type":58,"value":4531},"$collectionId",{"type":58,"value":4533},": the source collection ID.",{"type":53,"tag":54,"props":4535,"children":4536},{},[4537,4539,4544,4546,4551,4553,4558],{"type":58,"value":4538},"These props are added automatically and can be used in ",{"type":53,"tag":83,"props":4540,"children":4542},{"className":4541},[],[4543],{"type":58,"value":334},{"type":58,"value":4545},", ",{"type":53,"tag":83,"props":4547,"children":4549},{"className":4548},[],[4550],{"type":58,"value":2911},{"type":58,"value":4552},", and ",{"type":53,"tag":83,"props":4554,"children":4556},{"className":4555},[],[4557],{"type":58,"value":398},{"type":58,"value":4559}," clauses. Do not persist them back to storage.",{"type":53,"tag":75,"props":4561,"children":4563},{"className":77,"code":4562,"language":79,"meta":80,"style":80},"const { data } = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.$synced, false)),\n [],\n)\n\u002F\u002F Shows only optimistic (unconfirmed) todos\n",[4564],{"type":53,"tag":83,"props":4565,"children":4566},{"__ignoreMap":80},[4567,4598,4617,4624,4663,4728,4740,4747],{"type":53,"tag":87,"props":4568,"children":4569},{"class":89,"line":90},[4570,4574,4578,4582,4586,4590,4594],{"type":53,"tag":87,"props":4571,"children":4572},{"style":171},[4573],{"type":58,"value":800},{"type":53,"tag":87,"props":4575,"children":4576},{"style":100},[4577],{"type":58,"value":103},{"type":53,"tag":87,"props":4579,"children":4580},{"style":106},[4581],{"type":58,"value":1113},{"type":53,"tag":87,"props":4583,"children":4584},{"style":100},[4585],{"type":58,"value":920},{"type":53,"tag":87,"props":4587,"children":4588},{"style":100},[4589],{"type":58,"value":237},{"type":53,"tag":87,"props":4591,"children":4592},{"style":177},[4593],{"type":58,"value":109},{"type":53,"tag":87,"props":4595,"children":4596},{"style":106},[4597],{"type":58,"value":933},{"type":53,"tag":87,"props":4599,"children":4600},{"class":89,"line":157},[4601,4605,4609,4613],{"type":53,"tag":87,"props":4602,"children":4603},{"style":100},[4604],{"type":58,"value":941},{"type":53,"tag":87,"props":4606,"children":4607},{"style":253},[4608],{"type":58,"value":256},{"type":53,"tag":87,"props":4610,"children":4611},{"style":100},[4612],{"type":58,"value":261},{"type":53,"tag":87,"props":4614,"children":4615},{"style":171},[4616],{"type":58,"value":266},{"type":53,"tag":87,"props":4618,"children":4619},{"class":89,"line":167},[4620],{"type":53,"tag":87,"props":4621,"children":4622},{"style":106},[4623],{"type":58,"value":275},{"type":53,"tag":87,"props":4625,"children":4626},{"class":89,"line":193},[4627,4631,4635,4639,4643,4647,4651,4655,4659],{"type":53,"tag":87,"props":4628,"children":4629},{"style":100},[4630],{"type":58,"value":284},{"type":53,"tag":87,"props":4632,"children":4633},{"style":177},[4634],{"type":58,"value":289},{"type":53,"tag":87,"props":4636,"children":4637},{"style":106},[4638],{"type":58,"value":246},{"type":53,"tag":87,"props":4640,"children":4641},{"style":100},[4642],{"type":58,"value":298},{"type":53,"tag":87,"props":4644,"children":4645},{"style":206},[4646],{"type":58,"value":303},{"type":53,"tag":87,"props":4648,"children":4649},{"style":100},[4650],{"type":58,"value":214},{"type":53,"tag":87,"props":4652,"children":4653},{"style":106},[4654],{"type":58,"value":992},{"type":53,"tag":87,"props":4656,"children":4657},{"style":100},[4658],{"type":58,"value":920},{"type":53,"tag":87,"props":4660,"children":4661},{"style":106},[4662],{"type":58,"value":321},{"type":53,"tag":87,"props":4664,"children":4665},{"class":89,"line":269},[4666,4670,4674,4678,4682,4686,4690,4694,4698,4702,4706,4710,4714,4720,4724],{"type":53,"tag":87,"props":4667,"children":4668},{"style":100},[4669],{"type":58,"value":284},{"type":53,"tag":87,"props":4671,"children":4672},{"style":177},[4673],{"type":58,"value":334},{"type":53,"tag":87,"props":4675,"children":4676},{"style":106},[4677],{"type":58,"value":246},{"type":53,"tag":87,"props":4679,"children":4680},{"style":100},[4681],{"type":58,"value":343},{"type":53,"tag":87,"props":4683,"children":4684},{"style":253},[4685],{"type":58,"value":303},{"type":53,"tag":87,"props":4687,"children":4688},{"style":100},[4689],{"type":58,"value":352},{"type":53,"tag":87,"props":4691,"children":4692},{"style":171},[4693],{"type":58,"value":357},{"type":53,"tag":87,"props":4695,"children":4696},{"style":177},[4697],{"type":58,"value":119},{"type":53,"tag":87,"props":4699,"children":4700},{"style":106},[4701],{"type":58,"value":1040},{"type":53,"tag":87,"props":4703,"children":4704},{"style":100},[4705],{"type":58,"value":375},{"type":53,"tag":87,"props":4707,"children":4708},{"style":106},[4709],{"type":58,"value":4468},{"type":53,"tag":87,"props":4711,"children":4712},{"style":100},[4713],{"type":58,"value":114},{"type":53,"tag":87,"props":4715,"children":4717},{"style":4716},"--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC",[4718],{"type":58,"value":4719}," false",{"type":53,"tag":87,"props":4721,"children":4722},{"style":106},[4723],{"type":58,"value":3374},{"type":53,"tag":87,"props":4725,"children":4726},{"style":100},[4727],{"type":58,"value":458},{"type":53,"tag":87,"props":4729,"children":4730},{"class":89,"line":278},[4731,4736],{"type":53,"tag":87,"props":4732,"children":4733},{"style":106},[4734],{"type":58,"value":4735}," []",{"type":53,"tag":87,"props":4737,"children":4738},{"style":100},[4739],{"type":58,"value":458},{"type":53,"tag":87,"props":4741,"children":4742},{"class":89,"line":324},[4743],{"type":53,"tag":87,"props":4744,"children":4745},{"style":106},[4746],{"type":58,"value":321},{"type":53,"tag":87,"props":4748,"children":4749},{"class":89,"line":388},[4750],{"type":53,"tag":87,"props":4751,"children":4752},{"style":789},[4753],{"type":58,"value":4754},"\u002F\u002F Shows only optimistic (unconfirmed) todos\n",{"type":53,"tag":68,"props":4756,"children":4758},{"id":4757},"react-specific-patterns",[4759],{"type":58,"value":4760},"React-Specific Patterns",{"type":53,"tag":771,"props":4762,"children":4764},{"id":4763},"dependency-arrays",[4765],{"type":58,"value":4766},"Dependency arrays",{"type":53,"tag":75,"props":4768,"children":4770},{"className":77,"code":4769,"language":79,"meta":80,"style":80},"\u002F\u002F Include ALL external reactive values\nconst { data } = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) =>\n and(eq(todo.userId, userId), eq(todo.status, filter)),\n ),\n [userId, filter],\n)\n\n\u002F\u002F Empty array = static query, never re-runs\nconst { data } = useLiveQuery((q) => q.from({ todo: todoCollection }), [])\n\n\u002F\u002F No array = re-runs on every render (usually wrong)\n",[4771],{"type":53,"tag":83,"props":4772,"children":4773},{"__ignoreMap":80},[4774,4782,4813,4832,4839,4878,4909,4981,4993,5014,5021,5028,5036,5132,5139],{"type":53,"tag":87,"props":4775,"children":4776},{"class":89,"line":90},[4777],{"type":53,"tag":87,"props":4778,"children":4779},{"style":789},[4780],{"type":58,"value":4781},"\u002F\u002F Include ALL external reactive values\n",{"type":53,"tag":87,"props":4783,"children":4784},{"class":89,"line":157},[4785,4789,4793,4797,4801,4805,4809],{"type":53,"tag":87,"props":4786,"children":4787},{"style":171},[4788],{"type":58,"value":800},{"type":53,"tag":87,"props":4790,"children":4791},{"style":100},[4792],{"type":58,"value":103},{"type":53,"tag":87,"props":4794,"children":4795},{"style":106},[4796],{"type":58,"value":1113},{"type":53,"tag":87,"props":4798,"children":4799},{"style":100},[4800],{"type":58,"value":920},{"type":53,"tag":87,"props":4802,"children":4803},{"style":100},[4804],{"type":58,"value":237},{"type":53,"tag":87,"props":4806,"children":4807},{"style":177},[4808],{"type":58,"value":109},{"type":53,"tag":87,"props":4810,"children":4811},{"style":106},[4812],{"type":58,"value":933},{"type":53,"tag":87,"props":4814,"children":4815},{"class":89,"line":167},[4816,4820,4824,4828],{"type":53,"tag":87,"props":4817,"children":4818},{"style":100},[4819],{"type":58,"value":941},{"type":53,"tag":87,"props":4821,"children":4822},{"style":253},[4823],{"type":58,"value":256},{"type":53,"tag":87,"props":4825,"children":4826},{"style":100},[4827],{"type":58,"value":261},{"type":53,"tag":87,"props":4829,"children":4830},{"style":171},[4831],{"type":58,"value":266},{"type":53,"tag":87,"props":4833,"children":4834},{"class":89,"line":193},[4835],{"type":53,"tag":87,"props":4836,"children":4837},{"style":106},[4838],{"type":58,"value":275},{"type":53,"tag":87,"props":4840,"children":4841},{"class":89,"line":269},[4842,4846,4850,4854,4858,4862,4866,4870,4874],{"type":53,"tag":87,"props":4843,"children":4844},{"style":100},[4845],{"type":58,"value":284},{"type":53,"tag":87,"props":4847,"children":4848},{"style":177},[4849],{"type":58,"value":289},{"type":53,"tag":87,"props":4851,"children":4852},{"style":106},[4853],{"type":58,"value":246},{"type":53,"tag":87,"props":4855,"children":4856},{"style":100},[4857],{"type":58,"value":298},{"type":53,"tag":87,"props":4859,"children":4860},{"style":206},[4861],{"type":58,"value":303},{"type":53,"tag":87,"props":4863,"children":4864},{"style":100},[4865],{"type":58,"value":214},{"type":53,"tag":87,"props":4867,"children":4868},{"style":106},[4869],{"type":58,"value":992},{"type":53,"tag":87,"props":4871,"children":4872},{"style":100},[4873],{"type":58,"value":920},{"type":53,"tag":87,"props":4875,"children":4876},{"style":106},[4877],{"type":58,"value":321},{"type":53,"tag":87,"props":4879,"children":4880},{"class":89,"line":278},[4881,4885,4889,4893,4897,4901,4905],{"type":53,"tag":87,"props":4882,"children":4883},{"style":100},[4884],{"type":58,"value":284},{"type":53,"tag":87,"props":4886,"children":4887},{"style":177},[4888],{"type":58,"value":334},{"type":53,"tag":87,"props":4890,"children":4891},{"style":106},[4892],{"type":58,"value":246},{"type":53,"tag":87,"props":4894,"children":4895},{"style":100},[4896],{"type":58,"value":343},{"type":53,"tag":87,"props":4898,"children":4899},{"style":253},[4900],{"type":58,"value":303},{"type":53,"tag":87,"props":4902,"children":4903},{"style":100},[4904],{"type":58,"value":352},{"type":53,"tag":87,"props":4906,"children":4907},{"style":171},[4908],{"type":58,"value":266},{"type":53,"tag":87,"props":4910,"children":4911},{"class":89,"line":324},[4912,4917,4921,4926,4930,4934,4938,4942,4947,4951,4955,4959,4963,4968,4972,4977],{"type":53,"tag":87,"props":4913,"children":4914},{"style":177},[4915],{"type":58,"value":4916}," and",{"type":53,"tag":87,"props":4918,"children":4919},{"style":106},[4920],{"type":58,"value":246},{"type":53,"tag":87,"props":4922,"children":4923},{"style":177},[4924],{"type":58,"value":4925},"eq",{"type":53,"tag":87,"props":4927,"children":4928},{"style":106},[4929],{"type":58,"value":1040},{"type":53,"tag":87,"props":4931,"children":4932},{"style":100},[4933],{"type":58,"value":375},{"type":53,"tag":87,"props":4935,"children":4936},{"style":106},[4937],{"type":58,"value":1049},{"type":53,"tag":87,"props":4939,"children":4940},{"style":100},[4941],{"type":58,"value":114},{"type":53,"tag":87,"props":4943,"children":4944},{"style":106},[4945],{"type":58,"value":4946}," userId)",{"type":53,"tag":87,"props":4948,"children":4949},{"style":100},[4950],{"type":58,"value":114},{"type":53,"tag":87,"props":4952,"children":4953},{"style":177},[4954],{"type":58,"value":119},{"type":53,"tag":87,"props":4956,"children":4957},{"style":106},[4958],{"type":58,"value":1040},{"type":53,"tag":87,"props":4960,"children":4961},{"style":100},[4962],{"type":58,"value":375},{"type":53,"tag":87,"props":4964,"children":4965},{"style":106},[4966],{"type":58,"value":4967},"status",{"type":53,"tag":87,"props":4969,"children":4970},{"style":100},[4971],{"type":58,"value":114},{"type":53,"tag":87,"props":4973,"children":4974},{"style":106},[4975],{"type":58,"value":4976}," filter))",{"type":53,"tag":87,"props":4978,"children":4979},{"style":100},[4980],{"type":58,"value":458},{"type":53,"tag":87,"props":4982,"children":4983},{"class":89,"line":388},[4984,4989],{"type":53,"tag":87,"props":4985,"children":4986},{"style":106},[4987],{"type":58,"value":4988}," )",{"type":53,"tag":87,"props":4990,"children":4991},{"style":100},[4992],{"type":58,"value":458},{"type":53,"tag":87,"props":4994,"children":4995},{"class":89,"line":461},[4996,5001,5005,5010],{"type":53,"tag":87,"props":4997,"children":4998},{"style":106},[4999],{"type":58,"value":5000}," [userId",{"type":53,"tag":87,"props":5002,"children":5003},{"style":100},[5004],{"type":58,"value":114},{"type":53,"tag":87,"props":5006,"children":5007},{"style":106},[5008],{"type":58,"value":5009}," filter]",{"type":53,"tag":87,"props":5011,"children":5012},{"style":100},[5013],{"type":58,"value":458},{"type":53,"tag":87,"props":5015,"children":5016},{"class":89,"line":470},[5017],{"type":53,"tag":87,"props":5018,"children":5019},{"style":106},[5020],{"type":58,"value":321},{"type":53,"tag":87,"props":5022,"children":5023},{"class":89,"line":478},[5024],{"type":53,"tag":87,"props":5025,"children":5026},{"emptyLinePlaceholder":161},[5027],{"type":58,"value":164},{"type":53,"tag":87,"props":5029,"children":5030},{"class":89,"line":541},[5031],{"type":53,"tag":87,"props":5032,"children":5033},{"style":789},[5034],{"type":58,"value":5035},"\u002F\u002F Empty array = static query, never re-runs\n",{"type":53,"tag":87,"props":5037,"children":5038},{"class":89,"line":549},[5039,5043,5047,5051,5055,5059,5063,5067,5071,5075,5079,5083,5087,5091,5095,5099,5103,5107,5111,5115,5119,5123,5127],{"type":53,"tag":87,"props":5040,"children":5041},{"style":171},[5042],{"type":58,"value":800},{"type":53,"tag":87,"props":5044,"children":5045},{"style":100},[5046],{"type":58,"value":103},{"type":53,"tag":87,"props":5048,"children":5049},{"style":106},[5050],{"type":58,"value":1113},{"type":53,"tag":87,"props":5052,"children":5053},{"style":100},[5054],{"type":58,"value":920},{"type":53,"tag":87,"props":5056,"children":5057},{"style":100},[5058],{"type":58,"value":237},{"type":53,"tag":87,"props":5060,"children":5061},{"style":177},[5062],{"type":58,"value":109},{"type":53,"tag":87,"props":5064,"children":5065},{"style":106},[5066],{"type":58,"value":246},{"type":53,"tag":87,"props":5068,"children":5069},{"style":100},[5070],{"type":58,"value":246},{"type":53,"tag":87,"props":5072,"children":5073},{"style":253},[5074],{"type":58,"value":256},{"type":53,"tag":87,"props":5076,"children":5077},{"style":100},[5078],{"type":58,"value":261},{"type":53,"tag":87,"props":5080,"children":5081},{"style":171},[5082],{"type":58,"value":357},{"type":53,"tag":87,"props":5084,"children":5085},{"style":106},[5086],{"type":58,"value":1168},{"type":53,"tag":87,"props":5088,"children":5089},{"style":100},[5090],{"type":58,"value":375},{"type":53,"tag":87,"props":5092,"children":5093},{"style":177},[5094],{"type":58,"value":289},{"type":53,"tag":87,"props":5096,"children":5097},{"style":106},[5098],{"type":58,"value":246},{"type":53,"tag":87,"props":5100,"children":5101},{"style":100},[5102],{"type":58,"value":298},{"type":53,"tag":87,"props":5104,"children":5105},{"style":206},[5106],{"type":58,"value":303},{"type":53,"tag":87,"props":5108,"children":5109},{"style":100},[5110],{"type":58,"value":214},{"type":53,"tag":87,"props":5112,"children":5113},{"style":106},[5114],{"type":58,"value":992},{"type":53,"tag":87,"props":5116,"children":5117},{"style":100},[5118],{"type":58,"value":920},{"type":53,"tag":87,"props":5120,"children":5121},{"style":106},[5122],{"type":58,"value":261},{"type":53,"tag":87,"props":5124,"children":5125},{"style":100},[5126],{"type":58,"value":114},{"type":53,"tag":87,"props":5128,"children":5129},{"style":106},[5130],{"type":58,"value":5131}," [])\n",{"type":53,"tag":87,"props":5133,"children":5134},{"class":89,"line":563},[5135],{"type":53,"tag":87,"props":5136,"children":5137},{"emptyLinePlaceholder":161},[5138],{"type":58,"value":164},{"type":53,"tag":87,"props":5140,"children":5141},{"class":89,"line":581},[5142],{"type":53,"tag":87,"props":5143,"children":5144},{"style":789},[5145],{"type":58,"value":5146},"\u002F\u002F No array = re-runs on every render (usually wrong)\n",{"type":53,"tag":771,"props":5148,"children":5150},{"id":5149},"suspense-error-boundary",[5151],{"type":58,"value":5152},"Suspense + Error Boundary",{"type":53,"tag":75,"props":5154,"children":5156},{"className":77,"code":5155,"language":79,"meta":80,"style":80},"\u003CErrorBoundary fallback={\u003Cdiv>Error\u003C\u002Fdiv>}>\n \u003CSuspense fallback={\u003Cdiv>Loading...\u003C\u002Fdiv>}>\n \u003CTodoList \u002F>\n \u003C\u002FSuspense>\n\u003C\u002FErrorBoundary>\n",[5157],{"type":53,"tag":83,"props":5158,"children":5159},{"__ignoreMap":80},[5160,5208,5253,5270,5286],{"type":53,"tag":87,"props":5161,"children":5162},{"class":89,"line":90},[5163,5167,5172,5177,5182,5186,5190,5195,5199,5203],{"type":53,"tag":87,"props":5164,"children":5165},{"style":100},[5166],{"type":58,"value":2833},{"type":53,"tag":87,"props":5168,"children":5169},{"style":2509},[5170],{"type":58,"value":5171},"ErrorBoundary",{"type":53,"tag":87,"props":5173,"children":5174},{"style":171},[5175],{"type":58,"value":5176}," fallback",{"type":53,"tag":87,"props":5178,"children":5179},{"style":100},[5180],{"type":58,"value":5181},"={\u003C",{"type":53,"tag":87,"props":5183,"children":5184},{"style":206},[5185],{"type":58,"value":514},{"type":53,"tag":87,"props":5187,"children":5188},{"style":100},[5189],{"type":58,"value":519},{"type":53,"tag":87,"props":5191,"children":5192},{"style":106},[5193],{"type":58,"value":5194},"Error",{"type":53,"tag":87,"props":5196,"children":5197},{"style":100},[5198],{"type":58,"value":529},{"type":53,"tag":87,"props":5200,"children":5201},{"style":206},[5202],{"type":58,"value":514},{"type":53,"tag":87,"props":5204,"children":5205},{"style":100},[5206],{"type":58,"value":5207},">}>\n",{"type":53,"tag":87,"props":5209,"children":5210},{"class":89,"line":157},[5211,5216,5221,5225,5229,5233,5237,5241,5245,5249],{"type":53,"tag":87,"props":5212,"children":5213},{"style":100},[5214],{"type":58,"value":5215}," \u003C",{"type":53,"tag":87,"props":5217,"children":5218},{"style":2509},[5219],{"type":58,"value":5220},"Suspense",{"type":53,"tag":87,"props":5222,"children":5223},{"style":171},[5224],{"type":58,"value":5176},{"type":53,"tag":87,"props":5226,"children":5227},{"style":100},[5228],{"type":58,"value":5181},{"type":53,"tag":87,"props":5230,"children":5231},{"style":206},[5232],{"type":58,"value":514},{"type":53,"tag":87,"props":5234,"children":5235},{"style":100},[5236],{"type":58,"value":519},{"type":53,"tag":87,"props":5238,"children":5239},{"style":106},[5240],{"type":58,"value":524},{"type":53,"tag":87,"props":5242,"children":5243},{"style":100},[5244],{"type":58,"value":529},{"type":53,"tag":87,"props":5246,"children":5247},{"style":206},[5248],{"type":58,"value":514},{"type":53,"tag":87,"props":5250,"children":5251},{"style":100},[5252],{"type":58,"value":5207},{"type":53,"tag":87,"props":5254,"children":5255},{"class":89,"line":167},[5256,5260,5265],{"type":53,"tag":87,"props":5257,"children":5258},{"style":100},[5259],{"type":58,"value":569},{"type":53,"tag":87,"props":5261,"children":5262},{"style":2509},[5263],{"type":58,"value":5264},"TodoList",{"type":53,"tag":87,"props":5266,"children":5267},{"style":100},[5268],{"type":58,"value":5269}," \u002F>\n",{"type":53,"tag":87,"props":5271,"children":5272},{"class":89,"line":193},[5273,5278,5282],{"type":53,"tag":87,"props":5274,"children":5275},{"style":100},[5276],{"type":58,"value":5277}," \u003C\u002F",{"type":53,"tag":87,"props":5279,"children":5280},{"style":2509},[5281],{"type":58,"value":5220},{"type":53,"tag":87,"props":5283,"children":5284},{"style":100},[5285],{"type":58,"value":538},{"type":53,"tag":87,"props":5287,"children":5288},{"class":89,"line":269},[5289,5293,5297],{"type":53,"tag":87,"props":5290,"children":5291},{"style":100},[5292],{"type":58,"value":529},{"type":53,"tag":87,"props":5294,"children":5295},{"style":2509},[5296],{"type":58,"value":5171},{"type":53,"tag":87,"props":5298,"children":5299},{"style":100},[5300],{"type":58,"value":538},{"type":53,"tag":771,"props":5302,"children":5304},{"id":5303},"router-loader-preloading",[5305],{"type":58,"value":5306},"Router loader preloading",{"type":53,"tag":75,"props":5308,"children":5310},{"className":77,"code":5309,"language":79,"meta":80,"style":80},"\u002F\u002F In route loader:\nawait todoCollection.preload()\n\n\u002F\u002F In component — data available immediately:\nconst { data } = useLiveQuery((q) => q.from({ todo: todoCollection }))\n",[5311],{"type":53,"tag":83,"props":5312,"children":5313},{"__ignoreMap":80},[5314,5322,5348,5355,5363],{"type":53,"tag":87,"props":5315,"children":5316},{"class":89,"line":90},[5317],{"type":53,"tag":87,"props":5318,"children":5319},{"style":789},[5320],{"type":58,"value":5321},"\u002F\u002F In route loader:\n",{"type":53,"tag":87,"props":5323,"children":5324},{"class":89,"line":157},[5325,5330,5334,5338,5343],{"type":53,"tag":87,"props":5326,"children":5327},{"style":94},[5328],{"type":58,"value":5329},"await",{"type":53,"tag":87,"props":5331,"children":5332},{"style":106},[5333],{"type":58,"value":312},{"type":53,"tag":87,"props":5335,"children":5336},{"style":100},[5337],{"type":58,"value":375},{"type":53,"tag":87,"props":5339,"children":5340},{"style":177},[5341],{"type":58,"value":5342},"preload",{"type":53,"tag":87,"props":5344,"children":5345},{"style":106},[5346],{"type":58,"value":5347},"()\n",{"type":53,"tag":87,"props":5349,"children":5350},{"class":89,"line":167},[5351],{"type":53,"tag":87,"props":5352,"children":5353},{"emptyLinePlaceholder":161},[5354],{"type":58,"value":164},{"type":53,"tag":87,"props":5356,"children":5357},{"class":89,"line":193},[5358],{"type":53,"tag":87,"props":5359,"children":5360},{"style":789},[5361],{"type":58,"value":5362},"\u002F\u002F In component — data available immediately:\n",{"type":53,"tag":87,"props":5364,"children":5365},{"class":89,"line":269},[5366,5370,5374,5378,5382,5386,5390,5394,5398,5402,5406,5410,5414,5418,5422,5426,5430,5434,5438,5442,5446],{"type":53,"tag":87,"props":5367,"children":5368},{"style":171},[5369],{"type":58,"value":800},{"type":53,"tag":87,"props":5371,"children":5372},{"style":100},[5373],{"type":58,"value":103},{"type":53,"tag":87,"props":5375,"children":5376},{"style":106},[5377],{"type":58,"value":1113},{"type":53,"tag":87,"props":5379,"children":5380},{"style":100},[5381],{"type":58,"value":920},{"type":53,"tag":87,"props":5383,"children":5384},{"style":100},[5385],{"type":58,"value":237},{"type":53,"tag":87,"props":5387,"children":5388},{"style":177},[5389],{"type":58,"value":109},{"type":53,"tag":87,"props":5391,"children":5392},{"style":106},[5393],{"type":58,"value":246},{"type":53,"tag":87,"props":5395,"children":5396},{"style":100},[5397],{"type":58,"value":246},{"type":53,"tag":87,"props":5399,"children":5400},{"style":253},[5401],{"type":58,"value":256},{"type":53,"tag":87,"props":5403,"children":5404},{"style":100},[5405],{"type":58,"value":261},{"type":53,"tag":87,"props":5407,"children":5408},{"style":171},[5409],{"type":58,"value":357},{"type":53,"tag":87,"props":5411,"children":5412},{"style":106},[5413],{"type":58,"value":1168},{"type":53,"tag":87,"props":5415,"children":5416},{"style":100},[5417],{"type":58,"value":375},{"type":53,"tag":87,"props":5419,"children":5420},{"style":177},[5421],{"type":58,"value":289},{"type":53,"tag":87,"props":5423,"children":5424},{"style":106},[5425],{"type":58,"value":246},{"type":53,"tag":87,"props":5427,"children":5428},{"style":100},[5429],{"type":58,"value":298},{"type":53,"tag":87,"props":5431,"children":5432},{"style":206},[5433],{"type":58,"value":303},{"type":53,"tag":87,"props":5435,"children":5436},{"style":100},[5437],{"type":58,"value":214},{"type":53,"tag":87,"props":5439,"children":5440},{"style":106},[5441],{"type":58,"value":992},{"type":53,"tag":87,"props":5443,"children":5444},{"style":100},[5445],{"type":58,"value":920},{"type":53,"tag":87,"props":5447,"children":5448},{"style":106},[5449],{"type":58,"value":385},{"type":53,"tag":54,"props":5451,"children":5452},{},[5453],{"type":58,"value":5454},"See meta-framework\u002FSKILL.md for full preloading patterns.",{"type":53,"tag":68,"props":5456,"children":5458},{"id":5457},"common-mistakes",[5459],{"type":58,"value":5460},"Common Mistakes",{"type":53,"tag":771,"props":5462,"children":5464},{"id":5463},"critical-missing-external-values-in-dependency-array",[5465],{"type":58,"value":5466},"CRITICAL Missing external values in dependency array",{"type":53,"tag":54,"props":5468,"children":5469},{},[5470],{"type":58,"value":5471},"Wrong:",{"type":53,"tag":75,"props":5473,"children":5475},{"className":77,"code":5474,"language":79,"meta":80,"style":80},"const { data } = useLiveQuery((q) =>\n q.from({ todo: todoCollection }).where(({ todo }) => eq(todo.userId, userId)),\n)\n",[5476],{"type":53,"tag":83,"props":5477,"children":5478},{"__ignoreMap":80},[5479,5526,5625],{"type":53,"tag":87,"props":5480,"children":5481},{"class":89,"line":90},[5482,5486,5490,5494,5498,5502,5506,5510,5514,5518,5522],{"type":53,"tag":87,"props":5483,"children":5484},{"style":171},[5485],{"type":58,"value":800},{"type":53,"tag":87,"props":5487,"children":5488},{"style":100},[5489],{"type":58,"value":103},{"type":53,"tag":87,"props":5491,"children":5492},{"style":106},[5493],{"type":58,"value":1113},{"type":53,"tag":87,"props":5495,"children":5496},{"style":100},[5497],{"type":58,"value":920},{"type":53,"tag":87,"props":5499,"children":5500},{"style":100},[5501],{"type":58,"value":237},{"type":53,"tag":87,"props":5503,"children":5504},{"style":177},[5505],{"type":58,"value":109},{"type":53,"tag":87,"props":5507,"children":5508},{"style":106},[5509],{"type":58,"value":246},{"type":53,"tag":87,"props":5511,"children":5512},{"style":100},[5513],{"type":58,"value":246},{"type":53,"tag":87,"props":5515,"children":5516},{"style":253},[5517],{"type":58,"value":256},{"type":53,"tag":87,"props":5519,"children":5520},{"style":100},[5521],{"type":58,"value":261},{"type":53,"tag":87,"props":5523,"children":5524},{"style":171},[5525],{"type":58,"value":266},{"type":53,"tag":87,"props":5527,"children":5528},{"class":89,"line":157},[5529,5533,5537,5541,5545,5549,5553,5557,5561,5565,5569,5573,5577,5581,5585,5589,5593,5597,5601,5605,5609,5613,5617,5621],{"type":53,"tag":87,"props":5530,"children":5531},{"style":106},[5532],{"type":58,"value":4040},{"type":53,"tag":87,"props":5534,"children":5535},{"style":100},[5536],{"type":58,"value":375},{"type":53,"tag":87,"props":5538,"children":5539},{"style":177},[5540],{"type":58,"value":289},{"type":53,"tag":87,"props":5542,"children":5543},{"style":106},[5544],{"type":58,"value":246},{"type":53,"tag":87,"props":5546,"children":5547},{"style":100},[5548],{"type":58,"value":298},{"type":53,"tag":87,"props":5550,"children":5551},{"style":206},[5552],{"type":58,"value":303},{"type":53,"tag":87,"props":5554,"children":5555},{"style":100},[5556],{"type":58,"value":214},{"type":53,"tag":87,"props":5558,"children":5559},{"style":106},[5560],{"type":58,"value":992},{"type":53,"tag":87,"props":5562,"children":5563},{"style":100},[5564],{"type":58,"value":920},{"type":53,"tag":87,"props":5566,"children":5567},{"style":106},[5568],{"type":58,"value":261},{"type":53,"tag":87,"props":5570,"children":5571},{"style":100},[5572],{"type":58,"value":375},{"type":53,"tag":87,"props":5574,"children":5575},{"style":177},[5576],{"type":58,"value":334},{"type":53,"tag":87,"props":5578,"children":5579},{"style":106},[5580],{"type":58,"value":246},{"type":53,"tag":87,"props":5582,"children":5583},{"style":100},[5584],{"type":58,"value":343},{"type":53,"tag":87,"props":5586,"children":5587},{"style":253},[5588],{"type":58,"value":303},{"type":53,"tag":87,"props":5590,"children":5591},{"style":100},[5592],{"type":58,"value":352},{"type":53,"tag":87,"props":5594,"children":5595},{"style":171},[5596],{"type":58,"value":357},{"type":53,"tag":87,"props":5598,"children":5599},{"style":177},[5600],{"type":58,"value":119},{"type":53,"tag":87,"props":5602,"children":5603},{"style":106},[5604],{"type":58,"value":1040},{"type":53,"tag":87,"props":5606,"children":5607},{"style":100},[5608],{"type":58,"value":375},{"type":53,"tag":87,"props":5610,"children":5611},{"style":106},[5612],{"type":58,"value":1049},{"type":53,"tag":87,"props":5614,"children":5615},{"style":100},[5616],{"type":58,"value":114},{"type":53,"tag":87,"props":5618,"children":5619},{"style":106},[5620],{"type":58,"value":1058},{"type":53,"tag":87,"props":5622,"children":5623},{"style":100},[5624],{"type":58,"value":458},{"type":53,"tag":87,"props":5626,"children":5627},{"class":89,"line":167},[5628],{"type":53,"tag":87,"props":5629,"children":5630},{"style":106},[5631],{"type":58,"value":321},{"type":53,"tag":54,"props":5633,"children":5634},{},[5635],{"type":58,"value":5636},"Correct:",{"type":53,"tag":75,"props":5638,"children":5640},{"className":77,"code":5639,"language":79,"meta":80,"style":80},"const { data } = useLiveQuery(\n (q) =>\n q\n .from({ todo: todoCollection })\n .where(({ todo }) => eq(todo.userId, userId)),\n [userId],\n)\n",[5641],{"type":53,"tag":83,"props":5642,"children":5643},{"__ignoreMap":80},[5644,5675,5694,5701,5740,5799,5810],{"type":53,"tag":87,"props":5645,"children":5646},{"class":89,"line":90},[5647,5651,5655,5659,5663,5667,5671],{"type":53,"tag":87,"props":5648,"children":5649},{"style":171},[5650],{"type":58,"value":800},{"type":53,"tag":87,"props":5652,"children":5653},{"style":100},[5654],{"type":58,"value":103},{"type":53,"tag":87,"props":5656,"children":5657},{"style":106},[5658],{"type":58,"value":1113},{"type":53,"tag":87,"props":5660,"children":5661},{"style":100},[5662],{"type":58,"value":920},{"type":53,"tag":87,"props":5664,"children":5665},{"style":100},[5666],{"type":58,"value":237},{"type":53,"tag":87,"props":5668,"children":5669},{"style":177},[5670],{"type":58,"value":109},{"type":53,"tag":87,"props":5672,"children":5673},{"style":106},[5674],{"type":58,"value":933},{"type":53,"tag":87,"props":5676,"children":5677},{"class":89,"line":157},[5678,5682,5686,5690],{"type":53,"tag":87,"props":5679,"children":5680},{"style":100},[5681],{"type":58,"value":941},{"type":53,"tag":87,"props":5683,"children":5684},{"style":253},[5685],{"type":58,"value":256},{"type":53,"tag":87,"props":5687,"children":5688},{"style":100},[5689],{"type":58,"value":261},{"type":53,"tag":87,"props":5691,"children":5692},{"style":171},[5693],{"type":58,"value":266},{"type":53,"tag":87,"props":5695,"children":5696},{"class":89,"line":167},[5697],{"type":53,"tag":87,"props":5698,"children":5699},{"style":106},[5700],{"type":58,"value":275},{"type":53,"tag":87,"props":5702,"children":5703},{"class":89,"line":193},[5704,5708,5712,5716,5720,5724,5728,5732,5736],{"type":53,"tag":87,"props":5705,"children":5706},{"style":100},[5707],{"type":58,"value":284},{"type":53,"tag":87,"props":5709,"children":5710},{"style":177},[5711],{"type":58,"value":289},{"type":53,"tag":87,"props":5713,"children":5714},{"style":106},[5715],{"type":58,"value":246},{"type":53,"tag":87,"props":5717,"children":5718},{"style":100},[5719],{"type":58,"value":298},{"type":53,"tag":87,"props":5721,"children":5722},{"style":206},[5723],{"type":58,"value":303},{"type":53,"tag":87,"props":5725,"children":5726},{"style":100},[5727],{"type":58,"value":214},{"type":53,"tag":87,"props":5729,"children":5730},{"style":106},[5731],{"type":58,"value":992},{"type":53,"tag":87,"props":5733,"children":5734},{"style":100},[5735],{"type":58,"value":920},{"type":53,"tag":87,"props":5737,"children":5738},{"style":106},[5739],{"type":58,"value":321},{"type":53,"tag":87,"props":5741,"children":5742},{"class":89,"line":269},[5743,5747,5751,5755,5759,5763,5767,5771,5775,5779,5783,5787,5791,5795],{"type":53,"tag":87,"props":5744,"children":5745},{"style":100},[5746],{"type":58,"value":284},{"type":53,"tag":87,"props":5748,"children":5749},{"style":177},[5750],{"type":58,"value":334},{"type":53,"tag":87,"props":5752,"children":5753},{"style":106},[5754],{"type":58,"value":246},{"type":53,"tag":87,"props":5756,"children":5757},{"style":100},[5758],{"type":58,"value":343},{"type":53,"tag":87,"props":5760,"children":5761},{"style":253},[5762],{"type":58,"value":303},{"type":53,"tag":87,"props":5764,"children":5765},{"style":100},[5766],{"type":58,"value":352},{"type":53,"tag":87,"props":5768,"children":5769},{"style":171},[5770],{"type":58,"value":357},{"type":53,"tag":87,"props":5772,"children":5773},{"style":177},[5774],{"type":58,"value":119},{"type":53,"tag":87,"props":5776,"children":5777},{"style":106},[5778],{"type":58,"value":1040},{"type":53,"tag":87,"props":5780,"children":5781},{"style":100},[5782],{"type":58,"value":375},{"type":53,"tag":87,"props":5784,"children":5785},{"style":106},[5786],{"type":58,"value":1049},{"type":53,"tag":87,"props":5788,"children":5789},{"style":100},[5790],{"type":58,"value":114},{"type":53,"tag":87,"props":5792,"children":5793},{"style":106},[5794],{"type":58,"value":1058},{"type":53,"tag":87,"props":5796,"children":5797},{"style":100},[5798],{"type":58,"value":458},{"type":53,"tag":87,"props":5800,"children":5801},{"class":89,"line":278},[5802,5806],{"type":53,"tag":87,"props":5803,"children":5804},{"style":106},[5805],{"type":58,"value":1070},{"type":53,"tag":87,"props":5807,"children":5808},{"style":100},[5809],{"type":58,"value":458},{"type":53,"tag":87,"props":5811,"children":5812},{"class":89,"line":324},[5813],{"type":53,"tag":87,"props":5814,"children":5815},{"style":106},[5816],{"type":58,"value":321},{"type":53,"tag":54,"props":5818,"children":5819},{},[5820],{"type":58,"value":5821},"When the query uses external state not in the deps array, the query won't re-run when that value changes, showing stale results.",{"type":53,"tag":54,"props":5823,"children":5824},{},[5825],{"type":58,"value":5826},"Source: docs\u002Fframework\u002Freact\u002Foverview.md",{"type":53,"tag":771,"props":5828,"children":5830},{"id":5829},"high-uselivesuspensequery-without-error-boundary",[5831],{"type":58,"value":5832},"HIGH useLiveSuspenseQuery without Error Boundary",{"type":53,"tag":54,"props":5834,"children":5835},{},[5836],{"type":58,"value":5471},{"type":53,"tag":75,"props":5838,"children":5840},{"className":77,"code":5839,"language":79,"meta":80,"style":80},"\u003CSuspense fallback={\u003Cdiv>Loading...\u003C\u002Fdiv>}>\n \u003CTodoList \u002F> {\u002F* uses useLiveSuspenseQuery *\u002F}\n\u003C\u002FSuspense>\n",[5841],{"type":53,"tag":83,"props":5842,"children":5843},{"__ignoreMap":80},[5844,5887,5916],{"type":53,"tag":87,"props":5845,"children":5846},{"class":89,"line":90},[5847,5851,5855,5859,5863,5867,5871,5875,5879,5883],{"type":53,"tag":87,"props":5848,"children":5849},{"style":100},[5850],{"type":58,"value":2833},{"type":53,"tag":87,"props":5852,"children":5853},{"style":2509},[5854],{"type":58,"value":5220},{"type":53,"tag":87,"props":5856,"children":5857},{"style":171},[5858],{"type":58,"value":5176},{"type":53,"tag":87,"props":5860,"children":5861},{"style":100},[5862],{"type":58,"value":5181},{"type":53,"tag":87,"props":5864,"children":5865},{"style":206},[5866],{"type":58,"value":514},{"type":53,"tag":87,"props":5868,"children":5869},{"style":100},[5870],{"type":58,"value":519},{"type":53,"tag":87,"props":5872,"children":5873},{"style":106},[5874],{"type":58,"value":524},{"type":53,"tag":87,"props":5876,"children":5877},{"style":100},[5878],{"type":58,"value":529},{"type":53,"tag":87,"props":5880,"children":5881},{"style":206},[5882],{"type":58,"value":514},{"type":53,"tag":87,"props":5884,"children":5885},{"style":100},[5886],{"type":58,"value":5207},{"type":53,"tag":87,"props":5888,"children":5889},{"class":89,"line":157},[5890,5894,5898,5903,5907,5912],{"type":53,"tag":87,"props":5891,"children":5892},{"style":100},[5893],{"type":58,"value":5215},{"type":53,"tag":87,"props":5895,"children":5896},{"style":2509},[5897],{"type":58,"value":5264},{"type":53,"tag":87,"props":5899,"children":5900},{"style":100},[5901],{"type":58,"value":5902}," \u002F>",{"type":53,"tag":87,"props":5904,"children":5905},{"style":100},[5906],{"type":58,"value":103},{"type":53,"tag":87,"props":5908,"children":5909},{"style":789},[5910],{"type":58,"value":5911},"\u002F* uses useLiveSuspenseQuery *\u002F",{"type":53,"tag":87,"props":5913,"children":5914},{"style":100},[5915],{"type":58,"value":706},{"type":53,"tag":87,"props":5917,"children":5918},{"class":89,"line":167},[5919,5923,5927],{"type":53,"tag":87,"props":5920,"children":5921},{"style":100},[5922],{"type":58,"value":529},{"type":53,"tag":87,"props":5924,"children":5925},{"style":2509},[5926],{"type":58,"value":5220},{"type":53,"tag":87,"props":5928,"children":5929},{"style":100},[5930],{"type":58,"value":538},{"type":53,"tag":54,"props":5932,"children":5933},{},[5934],{"type":58,"value":5636},{"type":53,"tag":75,"props":5936,"children":5937},{"className":77,"code":5155,"language":79,"meta":80,"style":80},[5938],{"type":53,"tag":83,"props":5939,"children":5940},{"__ignoreMap":80},[5941,5984,6027,6042,6057],{"type":53,"tag":87,"props":5942,"children":5943},{"class":89,"line":90},[5944,5948,5952,5956,5960,5964,5968,5972,5976,5980],{"type":53,"tag":87,"props":5945,"children":5946},{"style":100},[5947],{"type":58,"value":2833},{"type":53,"tag":87,"props":5949,"children":5950},{"style":2509},[5951],{"type":58,"value":5171},{"type":53,"tag":87,"props":5953,"children":5954},{"style":171},[5955],{"type":58,"value":5176},{"type":53,"tag":87,"props":5957,"children":5958},{"style":100},[5959],{"type":58,"value":5181},{"type":53,"tag":87,"props":5961,"children":5962},{"style":206},[5963],{"type":58,"value":514},{"type":53,"tag":87,"props":5965,"children":5966},{"style":100},[5967],{"type":58,"value":519},{"type":53,"tag":87,"props":5969,"children":5970},{"style":106},[5971],{"type":58,"value":5194},{"type":53,"tag":87,"props":5973,"children":5974},{"style":100},[5975],{"type":58,"value":529},{"type":53,"tag":87,"props":5977,"children":5978},{"style":206},[5979],{"type":58,"value":514},{"type":53,"tag":87,"props":5981,"children":5982},{"style":100},[5983],{"type":58,"value":5207},{"type":53,"tag":87,"props":5985,"children":5986},{"class":89,"line":157},[5987,5991,5995,5999,6003,6007,6011,6015,6019,6023],{"type":53,"tag":87,"props":5988,"children":5989},{"style":100},[5990],{"type":58,"value":5215},{"type":53,"tag":87,"props":5992,"children":5993},{"style":2509},[5994],{"type":58,"value":5220},{"type":53,"tag":87,"props":5996,"children":5997},{"style":171},[5998],{"type":58,"value":5176},{"type":53,"tag":87,"props":6000,"children":6001},{"style":100},[6002],{"type":58,"value":5181},{"type":53,"tag":87,"props":6004,"children":6005},{"style":206},[6006],{"type":58,"value":514},{"type":53,"tag":87,"props":6008,"children":6009},{"style":100},[6010],{"type":58,"value":519},{"type":53,"tag":87,"props":6012,"children":6013},{"style":106},[6014],{"type":58,"value":524},{"type":53,"tag":87,"props":6016,"children":6017},{"style":100},[6018],{"type":58,"value":529},{"type":53,"tag":87,"props":6020,"children":6021},{"style":206},[6022],{"type":58,"value":514},{"type":53,"tag":87,"props":6024,"children":6025},{"style":100},[6026],{"type":58,"value":5207},{"type":53,"tag":87,"props":6028,"children":6029},{"class":89,"line":167},[6030,6034,6038],{"type":53,"tag":87,"props":6031,"children":6032},{"style":100},[6033],{"type":58,"value":569},{"type":53,"tag":87,"props":6035,"children":6036},{"style":2509},[6037],{"type":58,"value":5264},{"type":53,"tag":87,"props":6039,"children":6040},{"style":100},[6041],{"type":58,"value":5269},{"type":53,"tag":87,"props":6043,"children":6044},{"class":89,"line":193},[6045,6049,6053],{"type":53,"tag":87,"props":6046,"children":6047},{"style":100},[6048],{"type":58,"value":5277},{"type":53,"tag":87,"props":6050,"children":6051},{"style":2509},[6052],{"type":58,"value":5220},{"type":53,"tag":87,"props":6054,"children":6055},{"style":100},[6056],{"type":58,"value":538},{"type":53,"tag":87,"props":6058,"children":6059},{"class":89,"line":269},[6060,6064,6068],{"type":53,"tag":87,"props":6061,"children":6062},{"style":100},[6063],{"type":58,"value":529},{"type":53,"tag":87,"props":6065,"children":6066},{"style":2509},[6067],{"type":58,"value":5171},{"type":53,"tag":87,"props":6069,"children":6070},{"style":100},[6071],{"type":58,"value":538},{"type":53,"tag":54,"props":6073,"children":6074},{},[6075,6080],{"type":53,"tag":83,"props":6076,"children":6078},{"className":6077},[],[6079],{"type":58,"value":1573},{"type":58,"value":6081}," throws errors during rendering. Without an Error Boundary, the entire app crashes.",{"type":53,"tag":54,"props":6083,"children":6084},{},[6085],{"type":58,"value":6086},"Source: docs\u002Fguides\u002Flive-queries.md",{"type":53,"tag":771,"props":6088,"children":6090},{"id":6089},"high-not-a-collection-error-from-duplicate-tanstackdb",[6091],{"type":58,"value":6092},"HIGH \"Not a Collection\" error from duplicate @tanstack\u002Fdb",{"type":53,"tag":54,"props":6094,"children":6095},{},[6096,6098,6103,6105,6111,6113,6118,6120,6125,6127,6133],{"type":58,"value":6097},"If ",{"type":53,"tag":83,"props":6099,"children":6101},{"className":6100},[],[6102],{"type":58,"value":776},{"type":58,"value":6104}," throws ",{"type":53,"tag":83,"props":6106,"children":6108},{"className":6107},[],[6109],{"type":58,"value":6110},"InvalidSourceError: The value provided for alias \"todo\" is not a Collection",{"type":58,"value":6112},", it usually means two copies of ",{"type":53,"tag":83,"props":6114,"children":6116},{"className":6115},[],[6117],{"type":58,"value":755},{"type":58,"value":6119}," are installed. The collection was created by one copy, but ",{"type":53,"tag":83,"props":6121,"children":6123},{"className":6122},[],[6124],{"type":58,"value":776},{"type":58,"value":6126}," checks ",{"type":53,"tag":83,"props":6128,"children":6130},{"className":6129},[],[6131],{"type":58,"value":6132},"instanceof",{"type":58,"value":6134}," against the other.",{"type":53,"tag":54,"props":6136,"children":6137},{},[6138,6140,6146],{"type":58,"value":6139},"In dev mode, TanStack DB also throws ",{"type":53,"tag":83,"props":6141,"children":6143},{"className":6142},[],[6144],{"type":58,"value":6145},"DuplicateDbInstanceError",{"type":58,"value":6147}," if two instances are detected.",{"type":53,"tag":54,"props":6149,"children":6150},{},[6151],{"type":53,"tag":6152,"props":6153,"children":6154},"strong",{},[6155],{"type":58,"value":6156},"Diagnose:",{"type":53,"tag":75,"props":6158,"children":6162},{"className":6159,"code":6160,"language":6161,"meta":80,"style":80},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm ls @tanstack\u002Fdb\n","bash",[6163],{"type":53,"tag":83,"props":6164,"children":6165},{"__ignoreMap":80},[6166],{"type":53,"tag":87,"props":6167,"children":6168},{"class":89,"line":90},[6169,6174,6179],{"type":53,"tag":87,"props":6170,"children":6171},{"style":2509},[6172],{"type":58,"value":6173},"pnpm",{"type":53,"tag":87,"props":6175,"children":6176},{"style":146},[6177],{"type":58,"value":6178}," ls",{"type":53,"tag":87,"props":6180,"children":6181},{"style":146},[6182],{"type":58,"value":6183}," @tanstack\u002Fdb\n",{"type":53,"tag":54,"props":6185,"children":6186},{},[6187],{"type":58,"value":6188},"If multiple versions appear, fix with one of:",{"type":53,"tag":54,"props":6190,"children":6191},{},[6192,6197],{"type":53,"tag":6152,"props":6193,"children":6194},{},[6195],{"type":58,"value":6196},"pnpm overrides",{"type":58,"value":6198}," (in root package.json):",{"type":53,"tag":75,"props":6200,"children":6204},{"className":6201,"code":6202,"language":6203,"meta":80,"style":80},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n \"pnpm\": {\n \"overrides\": {\n \"@tanstack\u002Fdb\": \"^0.6.0\"\n }\n }\n}\n","json",[6205],{"type":53,"tag":83,"props":6206,"children":6207},{"__ignoreMap":80},[6208,6215,6240,6265,6298,6306,6314],{"type":53,"tag":87,"props":6209,"children":6210},{"class":89,"line":90},[6211],{"type":53,"tag":87,"props":6212,"children":6213},{"style":100},[6214],{"type":58,"value":1134},{"type":53,"tag":87,"props":6216,"children":6217},{"class":89,"line":157},[6218,6223,6227,6232,6236],{"type":53,"tag":87,"props":6219,"children":6220},{"style":100},[6221],{"type":58,"value":6222}," \"",{"type":53,"tag":87,"props":6224,"children":6225},{"style":171},[6226],{"type":58,"value":6173},{"type":53,"tag":87,"props":6228,"children":6229},{"style":100},[6230],{"type":58,"value":6231},"\"",{"type":53,"tag":87,"props":6233,"children":6234},{"style":100},[6235],{"type":58,"value":214},{"type":53,"tag":87,"props":6237,"children":6238},{"style":100},[6239],{"type":58,"value":190},{"type":53,"tag":87,"props":6241,"children":6242},{"class":89,"line":167},[6243,6248,6253,6257,6261],{"type":53,"tag":87,"props":6244,"children":6245},{"style":100},[6246],{"type":58,"value":6247}," \"",{"type":53,"tag":87,"props":6249,"children":6250},{"style":2509},[6251],{"type":58,"value":6252},"overrides",{"type":53,"tag":87,"props":6254,"children":6255},{"style":100},[6256],{"type":58,"value":6231},{"type":53,"tag":87,"props":6258,"children":6259},{"style":100},[6260],{"type":58,"value":214},{"type":53,"tag":87,"props":6262,"children":6263},{"style":100},[6264],{"type":58,"value":190},{"type":53,"tag":87,"props":6266,"children":6267},{"class":89,"line":193},[6268,6273,6277,6281,6285,6289,6294],{"type":53,"tag":87,"props":6269,"children":6270},{"style":100},[6271],{"type":58,"value":6272}," \"",{"type":53,"tag":87,"props":6274,"children":6275},{"style":1224},[6276],{"type":58,"value":755},{"type":53,"tag":87,"props":6278,"children":6279},{"style":100},[6280],{"type":58,"value":6231},{"type":53,"tag":87,"props":6282,"children":6283},{"style":100},[6284],{"type":58,"value":214},{"type":53,"tag":87,"props":6286,"children":6287},{"style":100},[6288],{"type":58,"value":2436},{"type":53,"tag":87,"props":6290,"children":6291},{"style":146},[6292],{"type":58,"value":6293},"^0.6.0",{"type":53,"tag":87,"props":6295,"children":6296},{"style":100},[6297],{"type":58,"value":2445},{"type":53,"tag":87,"props":6299,"children":6300},{"class":89,"line":269},[6301],{"type":53,"tag":87,"props":6302,"children":6303},{"style":100},[6304],{"type":58,"value":6305}," }\n",{"type":53,"tag":87,"props":6307,"children":6308},{"class":89,"line":278},[6309],{"type":53,"tag":87,"props":6310,"children":6311},{"style":100},[6312],{"type":58,"value":6313}," }\n",{"type":53,"tag":87,"props":6315,"children":6316},{"class":89,"line":324},[6317],{"type":53,"tag":87,"props":6318,"children":6319},{"style":100},[6320],{"type":58,"value":706},{"type":53,"tag":54,"props":6322,"children":6323},{},[6324,6329],{"type":53,"tag":6152,"props":6325,"children":6326},{},[6327],{"type":58,"value":6328},"Vite resolve.alias",{"type":58,"value":6330}," (in vite.config.ts):",{"type":53,"tag":75,"props":6332,"children":6336},{"className":6333,"code":6334,"language":6335,"meta":80,"style":80},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import path from 'path'\n\nexport default defineConfig({\n resolve: {\n alias: {\n '@tanstack\u002Fdb': path.resolve('.\u002Fnode_modules\u002F@tanstack\u002Fdb'),\n },\n },\n})\n","ts",[6337],{"type":53,"tag":83,"props":6338,"children":6339},{"__ignoreMap":80},[6340,6369,6376,6402,6418,6434,6493,6501,6508],{"type":53,"tag":87,"props":6341,"children":6342},{"class":89,"line":90},[6343,6347,6352,6356,6360,6365],{"type":53,"tag":87,"props":6344,"children":6345},{"style":94},[6346],{"type":58,"value":97},{"type":53,"tag":87,"props":6348,"children":6349},{"style":106},[6350],{"type":58,"value":6351}," path ",{"type":53,"tag":87,"props":6353,"children":6354},{"style":94},[6355],{"type":58,"value":289},{"type":53,"tag":87,"props":6357,"children":6358},{"style":100},[6359],{"type":58,"value":143},{"type":53,"tag":87,"props":6361,"children":6362},{"style":146},[6363],{"type":58,"value":6364},"path",{"type":53,"tag":87,"props":6366,"children":6367},{"style":100},[6368],{"type":58,"value":154},{"type":53,"tag":87,"props":6370,"children":6371},{"class":89,"line":157},[6372],{"type":53,"tag":87,"props":6373,"children":6374},{"emptyLinePlaceholder":161},[6375],{"type":58,"value":164},{"type":53,"tag":87,"props":6377,"children":6378},{"class":89,"line":167},[6379,6384,6389,6394,6398],{"type":53,"tag":87,"props":6380,"children":6381},{"style":94},[6382],{"type":58,"value":6383},"export",{"type":53,"tag":87,"props":6385,"children":6386},{"style":94},[6387],{"type":58,"value":6388}," default",{"type":53,"tag":87,"props":6390,"children":6391},{"style":177},[6392],{"type":58,"value":6393}," defineConfig",{"type":53,"tag":87,"props":6395,"children":6396},{"style":106},[6397],{"type":58,"value":246},{"type":53,"tag":87,"props":6399,"children":6400},{"style":100},[6401],{"type":58,"value":1134},{"type":53,"tag":87,"props":6403,"children":6404},{"class":89,"line":193},[6405,6410,6414],{"type":53,"tag":87,"props":6406,"children":6407},{"style":206},[6408],{"type":58,"value":6409}," resolve",{"type":53,"tag":87,"props":6411,"children":6412},{"style":100},[6413],{"type":58,"value":214},{"type":53,"tag":87,"props":6415,"children":6416},{"style":100},[6417],{"type":58,"value":190},{"type":53,"tag":87,"props":6419,"children":6420},{"class":89,"line":269},[6421,6426,6430],{"type":53,"tag":87,"props":6422,"children":6423},{"style":206},[6424],{"type":58,"value":6425}," alias",{"type":53,"tag":87,"props":6427,"children":6428},{"style":100},[6429],{"type":58,"value":214},{"type":53,"tag":87,"props":6431,"children":6432},{"style":100},[6433],{"type":58,"value":190},{"type":53,"tag":87,"props":6435,"children":6436},{"class":89,"line":278},[6437,6442,6446,6450,6454,6459,6463,6468,6472,6476,6481,6485,6489],{"type":53,"tag":87,"props":6438,"children":6439},{"style":100},[6440],{"type":58,"value":6441}," '",{"type":53,"tag":87,"props":6443,"children":6444},{"style":206},[6445],{"type":58,"value":755},{"type":53,"tag":87,"props":6447,"children":6448},{"style":100},[6449],{"type":58,"value":449},{"type":53,"tag":87,"props":6451,"children":6452},{"style":100},[6453],{"type":58,"value":214},{"type":53,"tag":87,"props":6455,"children":6456},{"style":106},[6457],{"type":58,"value":6458}," path",{"type":53,"tag":87,"props":6460,"children":6461},{"style":100},[6462],{"type":58,"value":375},{"type":53,"tag":87,"props":6464,"children":6465},{"style":177},[6466],{"type":58,"value":6467},"resolve",{"type":53,"tag":87,"props":6469,"children":6470},{"style":106},[6471],{"type":58,"value":246},{"type":53,"tag":87,"props":6473,"children":6474},{"style":100},[6475],{"type":58,"value":449},{"type":53,"tag":87,"props":6477,"children":6478},{"style":146},[6479],{"type":58,"value":6480},".\u002Fnode_modules\u002F@tanstack\u002Fdb",{"type":53,"tag":87,"props":6482,"children":6483},{"style":100},[6484],{"type":58,"value":449},{"type":53,"tag":87,"props":6486,"children":6487},{"style":106},[6488],{"type":58,"value":261},{"type":53,"tag":87,"props":6490,"children":6491},{"style":100},[6492],{"type":58,"value":458},{"type":53,"tag":87,"props":6494,"children":6495},{"class":89,"line":324},[6496],{"type":53,"tag":87,"props":6497,"children":6498},{"style":100},[6499],{"type":58,"value":6500}," },\n",{"type":53,"tag":87,"props":6502,"children":6503},{"class":89,"line":388},[6504],{"type":53,"tag":87,"props":6505,"children":6506},{"style":100},[6507],{"type":58,"value":1538},{"type":53,"tag":87,"props":6509,"children":6510},{"class":89,"line":461},[6511,6515],{"type":53,"tag":87,"props":6512,"children":6513},{"style":100},[6514],{"type":58,"value":920},{"type":53,"tag":87,"props":6516,"children":6517},{"style":106},[6518],{"type":58,"value":321},{"type":53,"tag":54,"props":6520,"children":6521},{},[6522,6524,6529,6531,6537],{"type":58,"value":6523},"The root cause is typically a dependency that bundles its own copy instead of declaring ",{"type":53,"tag":83,"props":6525,"children":6527},{"className":6526},[],[6528],{"type":58,"value":755},{"type":58,"value":6530}," as a ",{"type":53,"tag":83,"props":6532,"children":6534},{"className":6533},[],[6535],{"type":58,"value":6536},"peerDependency",{"type":58,"value":375},{"type":53,"tag":771,"props":6539,"children":6541},{"id":6540},"high-tension-query-expressiveness-vs-ivm-constraints",[6542],{"type":58,"value":6543},"HIGH Tension: Query expressiveness vs. IVM constraints",{"type":53,"tag":54,"props":6545,"children":6546},{},[6547],{"type":58,"value":6548},"The query builder looks like SQL but has constraints that SQL doesn't — equality joins only, orderBy required for limit\u002Foffset, no distinct without select. Agents write SQL-style queries that violate these constraints. See db-core\u002Flive-queries\u002FSKILL.md § Common Mistakes for all constraints.",{"type":53,"tag":54,"props":6550,"children":6551},{},[6552],{"type":58,"value":6553},"See also: db-core\u002Flive-queries\u002FSKILL.md — for query builder API and all operators.",{"type":53,"tag":54,"props":6555,"children":6556},{},[6557],{"type":58,"value":6558},"See also: db-core\u002Fmutations-optimistic\u002FSKILL.md — for mutation patterns.",{"type":53,"tag":54,"props":6560,"children":6561},{},[6562],{"type":58,"value":6563},"See also: meta-framework\u002FSKILL.md — for preloading in route loaders.",{"type":53,"tag":6565,"props":6566,"children":6567},"style",{},[6568],{"type":58,"value":6569},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":6571,"total":6711},[6572,6586,6598,6610,6625,6637,6647,6657,6670,6680,6691,6701],{"slug":6573,"name":6573,"fn":6574,"description":6575,"org":6576,"tags":6577,"stars":6583,"repoUrl":6584,"updatedAt":6585},"aggregation","perform data aggregation in TanStack Table","Aggregate TanStack Table columns independently of grouping, including grand totals, caller-selected row totals, multiple keyed aggregations, custom context-based definitions, grouped merges, manual values, and worker constraints.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6578,6581,6582],{"name":6579,"slug":6580,"type":15},"Data Analysis","data-analysis",{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},28175,"https:\u002F\u002Fgithub.com\u002FTanStack\u002Ftable","2026-07-30T05:25:59.429787",{"slug":6587,"name":6587,"fn":6588,"description":6589,"org":6590,"tags":6591,"stars":6583,"repoUrl":6584,"updatedAt":6597},"api-not-found","diagnose TanStack Table API errors","Diagnose missing TanStack Table v9 exports, options, state slices, and instance methods. Load before inventing an API when code sees a type error, undefined feature method, absent object key, adapter mismatch, or v8-shaped example.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6592,6595,6596],{"name":6593,"slug":6594,"type":15},"Debugging","debugging",{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:26:05.418735",{"slug":6599,"name":6599,"fn":6600,"description":6601,"org":6602,"tags":6603,"stars":6583,"repoUrl":6584,"updatedAt":6609},"cell-selection","select rectangular cell ranges in tables","Select rectangular cell ranges with cellSelectionFeature: two-corner range state keyed by row and column id, mousedown\u002Fmouseenter handlers, selection edges, render-order resolution under pinning, and autoResetCellSelection. Load when ranges widen unexpectedly after sorting or column reordering, when a drag re-renders the whole table, or when building copy-to-clipboard from a selection.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6604,6605,6606],{"name":6579,"slug":6580,"type":15},{"name":9,"slug":8,"type":15},{"name":6607,"slug":6608,"type":15},"UI Components","ui-components","2026-07-30T05:25:38.403427",{"slug":6611,"name":6611,"fn":6612,"description":6613,"org":6614,"tags":6615,"stars":6583,"repoUrl":6584,"updatedAt":6624},"client-vs-server","manage TanStack Table data pipelines","Choose client or server ownership for filtering, grouping, sorting, expanding, and pagination in TanStack Table v9. Load for manual* flags, mixed pipelines, server counts, or deciding which dataset each row-model stage receives.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6616,6619,6620,6623],{"name":6617,"slug":6618,"type":15},"Data Pipeline","data-pipeline",{"name":24,"slug":25,"type":15},{"name":6621,"slug":6622,"type":15},"Performance","performance",{"name":9,"slug":8,"type":15},"2026-07-30T05:25:45.400104",{"slug":6626,"name":6626,"fn":6627,"description":6628,"org":6629,"tags":6630,"stars":6583,"repoUrl":6584,"updatedAt":6636},"column-faceting","build faceted filter UIs","Build faceted filter UIs with columnFacetingFeature, facetedRowModel, facetedUniqueValues, and facetedMinMaxValues. Load for facet counts, numeric ranges, own-filter exclusion, or server-page facet completeness.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6631,6634,6635],{"name":6632,"slug":6633,"type":15},"Data Visualization","data-visualization",{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:41.397257",{"slug":6638,"name":6638,"fn":6639,"description":6640,"org":6641,"tags":6642,"stars":6583,"repoUrl":6584,"updatedAt":6646},"column-filtering","implement column filtering in TanStack Table","Filter columns with columnFilteringFeature, filteredRowModel, filterFns, filterMeta, nested-row direction, and manualFiltering. Load for accessor compatibility, controlled filter updaters, fuzzy metadata, or client\u002Fserver ownership.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6643,6644,6645],{"name":6579,"slug":6580,"type":15},{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},"2026-07-30T05:25:53.391632",{"slug":6648,"name":6648,"fn":6649,"description":6650,"org":6651,"tags":6652,"stars":6583,"repoUrl":6584,"updatedAt":6656},"column-ordering","manage TanStack Table column ordering","Control TanStack Table v9 leaf columnOrder with stable IDs while accounting for pinning regions, visibility, and groupedColumnMode precedence. Load for drag-and-drop columns or rendered order that differs from state.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6653,6654,6655],{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},{"name":6607,"slug":6608,"type":15},"2026-07-30T05:26:03.37801",{"slug":6658,"name":6658,"fn":6659,"description":6660,"org":6661,"tags":6662,"stars":6583,"repoUrl":6584,"updatedAt":6669},"column-pinning","configure column pinning in TanStack Table","Pin columns into logical start, center, and end regions with columnPinningFeature and renderer-owned sticky CSS. Load for RTL offsets, z-index, backgrounds, overflow, widths, gaps, or overlaps.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6663,6666,6667,6668],{"name":6664,"slug":6665,"type":15},"CSS","css",{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},{"name":6607,"slug":6608,"type":15},"2026-07-30T05:25:55.377366",{"slug":6671,"name":6671,"fn":6672,"description":6673,"org":6674,"tags":6675,"stars":6583,"repoUrl":6584,"updatedAt":6679},"column-resizing","implement column resizing in TanStack Table","Wire columnResizingFeature, header.getResizeHandler, resize mode and direction, pointer or touch events, and performant CSS-variable updates. Load when resize state changes but widths do not, or large tables resize slowly.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6676,6677,6678],{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},{"name":6607,"slug":6608,"type":15},"2026-07-30T05:25:51.400011",{"slug":6681,"name":6681,"fn":6682,"description":6683,"org":6684,"tags":6685,"stars":6583,"repoUrl":6584,"updatedAt":6690},"column-sizing","configure column sizing in TanStack Table","Use columnSizingFeature numeric size, minSize, maxSize, getSize, getStart, getAfter, and total-size APIs in table, grid, or flex CSS. Load for auto or percentage misconceptions and sizing\u002Fpinning layout mismatch.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6686,6687,6688,6689],{"name":6664,"slug":6665,"type":15},{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},{"name":6607,"slug":6608,"type":15},"2026-07-30T05:25:48.703799",{"slug":6692,"name":6692,"fn":6693,"description":6694,"org":6695,"tags":6696,"stars":6583,"repoUrl":6584,"updatedAt":6700},"column-visibility","manage column visibility in TanStack Table","Hide columns with columnVisibilityFeature while rendering visibility-aware header, column, and cell collections. Load when hidden columns remain in the DOM, false-versus-absent state is confused, or enableHiding is misunderstood.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6697,6698,6699],{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},{"name":6607,"slug":6608,"type":15},"2026-07-30T05:25:47.367943",{"slug":6702,"name":6702,"fn":6703,"description":6704,"org":6705,"tags":6706,"stars":6583,"repoUrl":6584,"updatedAt":6710},"core","build data grids with TanStack Table","Use TanStack Table v9 as a headless data-grid state and row-processing engine. Load for first-table architecture, stable data and columns, row numbering with getDisplayIndex, semantic rendering, framework adapter choice, or deciding what Table owns versus the renderer.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6707,6708,6709],{"name":6579,"slug":6580,"type":15},{"name":24,"slug":25,"type":15},{"name":6607,"slug":6608,"type":15},"2026-07-30T05:25:52.366295",125,{"items":6713,"total":549},[6714,6726,6737,6748,6761,6774,6785],{"slug":6715,"name":6715,"fn":6716,"description":6717,"org":6718,"tags":6719,"stars":26,"repoUrl":27,"updatedAt":6725},"angular-db","integrate TanStack DB with Angular","Angular bindings for TanStack DB. injectLiveQuery inject function with Angular signals (Signal\u003CT>) for all return values. Reactive params pattern ({ params: () => T, query: ({ params, q }) => QueryBuilder }) for dynamic queries. Must be called in injection context. Angular 17+ control flow (@if, @for) and signal inputs supported. Import from @tanstack\u002Fangular-db (re-exports all of @tanstack\u002Fdb).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6720,6723,6724],{"name":6721,"slug":6722,"type":15},"Angular","angular",{"name":20,"slug":21,"type":15},{"name":17,"slug":18,"type":15},"2026-07-16T06:01:16.345046",{"slug":43,"name":43,"fn":6727,"description":6728,"org":6729,"tags":6730,"stars":26,"repoUrl":27,"updatedAt":6736},"manage database collections with TanStack DB","TanStack DB core concepts: createCollection with queryCollectionOptions, electricCollectionOptions, powerSyncCollectionOptions, rxdbCollectionOptions, trailbaseCollectionOptions, localOnlyCollectionOptions. Live queries via query builder (from, where, join, select, groupBy, orderBy, limit). Optimistic mutations with draft proxy (collection.insert, collection.update, collection.delete). createOptimisticAction, createTransaction, createPacedMutations. Entry point for all TanStack DB skills.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6731,6734,6735],{"name":6732,"slug":6733,"type":15},"Data Modeling","data-modeling",{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},"2026-07-17T06:06:40.214285",{"slug":6738,"name":6739,"fn":6740,"description":6741,"org":6742,"tags":6743,"stars":26,"repoUrl":27,"updatedAt":6747},"db-corecollection-setup","db-core\u002Fcollection-setup","set up typed collections in TanStack DB","Creating typed collections with createCollection. Adapter selection: queryCollectionOptions (REST\u002FTanStack Query), electricCollectionOptions (ElectricSQL real-time sync), powerSyncCollectionOptions (PowerSync SQLite), rxdbCollectionOptions (RxDB), trailbaseCollectionOptions (TrailBase), localOnlyCollectionOptions, localStorageCollectionOptions. CollectionConfig options: getKey, schema, sync, gcTime, autoIndex (default off), defaultIndexType, syncMode (eager\u002Fon-demand, plus progressive for Electric). StandardSchema validation with Zod\u002FValibot\u002FArkType. Collection lifecycle (idle\u002Floading\u002Fready\u002Ferror). Adapter-specific sync patterns including Electric txid tracking, Query direct writes, and PowerSync query-driven sync with onLoad\u002FonLoadSubset hooks.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6744,6745,6746],{"name":6732,"slug":6733,"type":15},{"name":20,"slug":21,"type":15},{"name":9,"slug":8,"type":15},"2026-07-26T05:48:58.321777",{"slug":6749,"name":6750,"fn":6751,"description":6752,"org":6753,"tags":6754,"stars":26,"repoUrl":27,"updatedAt":6760},"db-corecustom-adapter","db-core\u002Fcustom-adapter","build custom TanStack collection adapters","Building custom collection adapters for new backends. SyncConfig interface: sync function receiving begin, write, commit, markReady, truncate, metadata primitives. ChangeMessage format (insert, update, delete). loadSubset for on-demand sync. LoadSubsetOptions (where, orderBy, limit, cursor). Expression parsing: parseWhereExpression, parseOrderByExpression, extractSimpleComparisons, parseLoadSubsetOptions. Collection options creator pattern. rowUpdateMode (partial vs full). Subscription lifecycle and cleanup functions. Persisted sync metadata API (metadata.row and metadata.collection) for storing per-row and per-collection adapter state.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6755,6756,6759],{"name":20,"slug":21,"type":15},{"name":6757,"slug":6758,"type":15},"Engineering","engineering",{"name":9,"slug":8,"type":15},"2026-07-16T06:04:06.862485",{"slug":6762,"name":6763,"fn":6764,"description":6765,"org":6766,"tags":6767,"stars":26,"repoUrl":27,"updatedAt":6773},"db-corelive-queries","db-core\u002Flive-queries","build live queries with TanStack DB","Query builder fluent API: from, where, join, leftJoin, rightJoin, innerJoin, fullJoin, select, fn.select, groupBy, having, orderBy, limit, offset, distinct, findOne. Operators: eq, gt, gte, lt, lte, like, ilike, inArray, isNull, isUndefined, and, or, not. Aggregates: count, sum, avg, min, max. String functions: upper, lower, length, concat. Utility: coalesce, caseWhen. Math: add. $selected namespace. createLiveQueryCollection. Derived collections. Predicate push-down. Incremental view maintenance via differential dataflow (d2ts). Virtual properties ($synced, $origin, $key, $collectionId). Includes subqueries for hierarchical data. toArray and concat(toArray(...)) scalar includes. queryOnce for one-shot queries. createEffect for reactive side effects (onEnter, onUpdate, onExit, onBatch).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6768,6769,6772],{"name":20,"slug":21,"type":15},{"name":6770,"slug":6771,"type":15},"SQL","sql",{"name":9,"slug":8,"type":15},"2026-07-16T06:04:08.757365",{"slug":6775,"name":6776,"fn":6777,"description":6778,"org":6779,"tags":6780,"stars":26,"repoUrl":27,"updatedAt":6784},"db-coremutations-optimistic","db-core\u002Fmutations-optimistic","manage optimistic mutations in TanStack DB","collection.insert, collection.update (Immer-style draft proxy), collection.delete. createOptimisticAction (onMutate + mutationFn). createPacedMutations with debounceStrategy, throttleStrategy, queueStrategy. createTransaction, getActiveTransaction, ambient transaction context. Transaction lifecycle (pending\u002Fpersisting\u002Fcompleted\u002Ffailed). Mutation merging. onInsert\u002FonUpdate\u002FonDelete handlers. PendingMutation type. Transaction.isPersisted.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6781,6782,6783],{"name":20,"slug":21,"type":15},{"name":24,"slug":25,"type":15},{"name":9,"slug":8,"type":15},"2026-07-26T05:48:57.301803",{"slug":6786,"name":6787,"fn":6788,"description":6789,"org":6790,"tags":6791,"stars":26,"repoUrl":27,"updatedAt":6800},"db-corepersistence","db-core\u002Fpersistence","implement SQLite-backed persistence for TanStack DB","SQLite-backed persistence for TanStack DB collections. persistedCollectionOptions wraps any adapter (Electric, Query, PowerSync, or local-only) with durable local storage. Platform adapters: browser (WA-SQLite OPFS), React Native (op-sqlite), Expo (expo-sqlite), Electron (IPC), Node (better-sqlite3), Capacitor, Tauri, Cloudflare Durable Objects. Multi-tab\u002Fmulti-process coordination via BrowserCollectionCoordinator \u002F ElectronCollectionCoordinator \u002F SingleProcessCoordinator. schemaVersion for migration resets. Local-only mode for offline-first without a server.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":9},[6792,6793,6796,6799],{"name":20,"slug":21,"type":15},{"name":6794,"slug":6795,"type":15},"Persistence","persistence",{"name":6797,"slug":6798,"type":15},"SQLite","sqlite",{"name":9,"slug":8,"type":15},"2026-07-17T06:06:39.182084"]