---
title: "tRPC -- TanStack React Query Setup - Air Market"
description: "You are building a React app and want it reading and writing data on your server. This wires tRPC into your query setup so the calls your components make come with their types worked out for you. Rea…"
canonical: "https://airmarket.ai/app/react-query-setup"
---

[Air Market](/) / [Developer Tools](/category/devtools) / tRPC -- TanStack React Query Setup

Skill by [tRPC](/@trpc)

# tRPC -- TanStack React Query Setup

Fetch data in React with types carried all the way through

## What this does

You are building a React app and want it reading and writing data on your server. This wires tRPC into your query setup so the calls your components make come with their types worked out for you. Reach for it when you are starting a project, or connecting one to an existing tRPC backend, and want the pieces put in place.

### Top 3 things it does for you

- Set up the context, provider and client hook in my app
- Build query and mutation options with inferred types
- Invalidate the right queries after my data changes

## Information

**tRPC -- TanStack React Query Setup at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [tRPC](/@trpc) |
| Category | [Developer Tools](/category/devtools) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 9 KB |
| Licence | MIT |
| Repository | [trpc/trpc](https://github.com/trpc/trpc/tree/23c723cfeaf07da28a52a5c35c3dcccf96a47578/packages/tanstack-react-query/skills/react-query-setup) |
| GitHub stars | 40,541 (as of Nov 2026) |
| Installs | 112, counted by skills.sh (Nov 2026) |

## Security report

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

**What tRPC -- TanStack React Query Setup's check was run against**

|  |  |
| --- | --- |
| Commit | 23c723cfeaf07da28a52a5c35c3dcccf96a47578 |
| Content hash | 0ce9ea1673891c185df32e2d70ca14b62561bfc78217f04128dfb4157fa16e3c |
| Files read | [Browse the files at this exact commit](https://github.com/trpc/trpc/blob/23c723cfeaf07da28a52a5c35c3dcccf96a47578/packages/tanstack-react-query/skills/react-query-setup/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 tRPC -- TanStack React Query Setup](/security/react-query-setup)

## About tRPC -- TanStack React Query Setup

This sets up @trpc/tanstack-react-query in a project: createTRPCContext(), TRPCProvider and the useTRPC() hook. With those in place, your app has the connection it needs to run queries and mutations.

It also covers everyday use: queryOptions and mutationOptions factories for building calls, and invalidation through queryClient.invalidateQueries with queryFilter, so the queries affected by a change get refreshed.

Type inference runs through it as well. With inferInput and inferOutput, the inputs and outputs of your calls are known without being written out by hand.

## What's inside

- SKILL.md - instructions

## Questions

### Is tRPC -- TanStack React Query Setup safe to install?

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

### How do I install tRPC -- TanStack React Query Setup?

Open https://airmarket.ai/app/react-query-setup 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/trpc/trpc/tree/23c723cfeaf07da28a52a5c35c3dcccf96a47578/packages/tanstack-react-query/skills/react-query-setup. Install from that link, not the branch.

## Related on Air Market

- [More Developer Tools listings](/category/devtools)
- [Everything by tRPC](/@trpc)

---

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