---
title: "TanStack DB - React - Air Market"
description: "You are reading TanStack DB data inside React components. This gives you hooks for live results, cursor paging through long lists, and waiting on data with Suspense, and it tells you which older patt…"
canonical: "https://airmarket.ai/app/react-db"
---

[Air Market](/) / [Developer Tools](/category/devtools) / TanStack DB - React

Skill by [TanStack](/@tanstack)

# TanStack DB - React

Live data in React components, without the dependency-array guesswork

## What this does

You are reading TanStack DB data inside React components. This gives you hooks for live results, cursor paging through long lists, and waiting on data with Suspense, and it tells you which older patterns to stop using. Reach for it when queries should re-run on their own rather than by hand.

### Top 3 things it does for you

- Read live query results in a component
- Page through a long list as the user scrolls
- Wait on data with Suspense instead of loading flags

## Information

**TanStack DB - React at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [TanStack](/@tanstack) |
| Category | [Developer Tools](/category/devtools) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 11 KB |
| Licence | MIT |
| Repository | [TanStack/db](https://github.com/TanStack/db/tree/220a1b3b4adb9af830771e9d12b452ff5133e88b/packages/react-db/skills/react-db) |
| GitHub stars | 3,883 (as of Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of TanStack DB - React and flagged nothing. AIR's verdict: **safe**.

**What TanStack DB - React's check was run against**

|  |  |
| --- | --- |
| Commit | 220a1b3b4adb9af830771e9d12b452ff5133e88b |
| Content hash | 4185cbe79e3c14cac3c9b281de252be60c257cb03e40468f0c398c97dc3e7394 |
| Files read | [Browse the files at this exact commit](https://github.com/TanStack/db/blob/220a1b3b4adb9af830771e9d12b452ff5133e88b/packages/react-db/skills/react-db/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for TanStack DB - React](/security/react-db)

## About TanStack DB - React

React bindings for TanStack DB. useLiveQuery with a structured query is the preferred form; a queryKey is only for opaque functional query variants or very hot render paths. Dependency arrays are legacy and warn ahead of removal.

useLiveSuspenseQuery works with React Suspense and error boundaries, with data always defined. useLiveInfiniteQuery handles cursor-based pagination, including page size, fetching the next page and knowing whether one is there. usePacedMutations debounces React state updates.

Queries return data, state, collection and status alongside loading, ready and error flags. Imported from @tanstack/react-db, which re-exports all of @tanstack/db.

## What's inside

- SKILL.md - instructions

## Questions

### Is TanStack DB - React safe to install?

AIR scanned this exact version of TanStack DB - React and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit 220a1b3b4adb, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/react-db.

### How do I install TanStack DB - React?

Open https://airmarket.ai/app/react-db on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/TanStack/db/tree/220a1b3b4adb9af830771e9d12b452ff5133e88b/packages/react-db/skills/react-db. Install from that link, not the branch.

## Related on Air Market

- [More Developer Tools listings](/category/devtools)
- [Everything by TanStack](/@tanstack)

---

Canonical URL: <https://airmarket.ai/app/react-db>