Source: https://tanstack.com/query/latest/docs/framework/solid/installation

TanStack

Query v5v5

Search...

+ K

Auto

Log In

TanStack StartRC

Docs Examples GitHub Contributors

TanStack Router

Docs Examples GitHub Contributors

TanStack Query

Docs Examples GitHub Contributors

TanStack Table

Docs Examples Github Contributors

TanStack Formnew

Docs Examples Github Contributors

TanStack DBbeta

Docs Github Contributors

TanStack Virtual

Docs Examples Github Contributors

TanStack Paceralpha

Docs Examples Github Contributors

TanStack Storealpha

Docs Examples Github Contributors

TanStack Devtoolsalpha

Docs Github Contributors

More Libraries

Maintainers Partners Support Learn StatsBETA Discord Merch Blog GitHub Ethos Brand Guide

Documentation

Framework

Solid

Version

Latest

Search...

+ K

Menu

• Home

• Frameworks

• Contributors

• Community Resources

• GitHub

• Discord

Getting Started

• Overview
  
  solid

• Quick Start
  
  solid

• Installation
  
  solid

• Devtools
  
  solid

• TypeScript
  
  solid

Guides & Concepts

• Important Defaults
  
  solid

• Queries
  
  solid

• Query Keys
  
  solid

• Query Functions
  
  solid

• Query Options
  
  solid

• Network Mode
  
  solid

• Parallel Queries
  
  solid

• Dependent Queries
  
  solid

• Background Fetching Indicators
  
  solid

• Window Focus Refetching
  
  solid

• Disabling/Pausing Queries
  
  solid

• Query Retries
  
  solid

• Paginated Queries
  
  solid

• Infinite Queries
  
  solid

• Initial Query Data
  
  solid

• Placeholder Query Data
  
  solid

• Mutations
  
  solid

• Query Invalidation
  
  solid

• Invalidation from Mutations
  
  solid

• Updates from Mutation Responses
  
  solid

• Optimistic Updates
  
  solid

• Query Cancellation
  
  solid

• Scroll Restoration
  
  solid

• Filters
  
  solid

• Request Waterfalls
  
  solid

• Prefetching
  
  solid

• SSR
  
  solid

• Advanced SSR
  
  solid

• Caching
  
  solid

• Default Query Fn
  
  solid

• Suspense
  
  solid

• Testing
  
  solid

• Does this replace state managers?
  
  solid

API Reference

• QueryClient
  
  core

• QueryCache
  
  core

• MutationCache
  
  core

• QueryObserver
  
  core

• InfiniteQueryObserver
  
  core

• QueriesObserver
  
  core

• streamedQuery
  
  core

• focusManager
  
  core

• onlineManager
  
  core

• notifyManager
  
  core

• timeoutManager
  
  core

• useQuery
  
  solid

• useQueries
  
  solid

• useInfiniteQuery
  
  solid

• useMutation
  
  solid

• useIsFetching
  
  solid

• useIsMutating
  
  solid

• useMutationState
  
  solid

• queryOptions
  
  solid

• infiniteQueryOptions
  
  solid

• hydration
  
  solid

ESLint

• ESLint Plugin Query
  
  core

• Exhaustive Deps
  
  core

• Stable Query Client
  
  core

• No Rest Destructuring
  
  core

• No Unstable Deps
  
  core

• Infinite Query Property Order
  
  core

Examples

• Simple
  
  solid

• Basic
  
  solid

• Basic w/ GraphQL-Request
  
  solid

• Default Query Function
  
  solid

• Solid Start
  
  solid

• Astro
  
  solid

Plugins

• broadcastQueryClient (Experimental)
  
  solid

• createPersister (Experimental)
  
  solid

Framework

Solid

Version

Latest

Menu

• Home

• Frameworks

• Contributors

• Community Resources

• GitHub

• Discord

Getting Started

• Overview
  
  solid

• Quick Start
  
  solid

• Installation
  
  solid

• Devtools
  
  solid

• TypeScript
  
  solid

Guides & Concepts

• Important Defaults
  
  solid

• Queries
  
  solid

• Query Keys
  
  solid

• Query Functions
  
  solid

• Query Options
  
  solid

• Network Mode
  
  solid

• Parallel Queries
  
  solid

• Dependent Queries
  
  solid

• Background Fetching Indicators
  
  solid

• Window Focus Refetching
  
  solid

• Disabling/Pausing Queries
  
  solid

• Query Retries
  
  solid

• Paginated Queries
  
  solid

• Infinite Queries
  
  solid

• Initial Query Data
  
  solid

• Placeholder Query Data
  
  solid

• Mutations
  
  solid

• Query Invalidation
  
  solid

• Invalidation from Mutations
  
  solid

• Updates from Mutation Responses
  
  solid

• Optimistic Updates
  
  solid

• Query Cancellation
  
  solid

• Scroll Restoration
  
  solid

• Filters
  
  solid

• Request Waterfalls
  
  solid

• Prefetching
  
  solid

• SSR
  
  solid

• Advanced SSR
  
  solid

• Caching
  
  solid

• Default Query Fn
  
  solid

• Suspense
  
  solid

• Testing
  
  solid

• Does this replace state managers?
  
  solid

API Reference

• QueryClient
  
  core

• QueryCache
  
  core

• MutationCache
  
  core

• QueryObserver
  
  core

• InfiniteQueryObserver
  
  core

• QueriesObserver
  
  core

• streamedQuery
  
  core

• focusManager
  
  core

• onlineManager
  
  core

• notifyManager
  
  core

• timeoutManager
  
  core

• useQuery
  
  solid

• useQueries
  
  solid

• useInfiniteQuery
  
  solid

• useMutation
  
  solid

• useIsFetching
  
  solid

• useIsMutating
  
  solid

• useMutationState
  
  solid

• queryOptions
  
  solid

• infiniteQueryOptions
  
  solid

• hydration
  
  solid

ESLint

• ESLint Plugin Query
  
  core

• Exhaustive Deps
  
  core

• Stable Query Client
  
  core

• No Rest Destructuring
  
  core

• No Unstable Deps
  
  core

• Infinite Query Property Order
  
  core

Examples

• Simple
  
  solid

• Basic
  
  solid

• Basic w/ GraphQL-Request
  
  solid

• Default Query Function
  
  solid

• Solid Start
  
  solid

• Astro
  
  solid

Plugins

• broadcastQueryClient (Experimental)
  
  solid

• createPersister (Experimental)
  
  solid

On this page

• NPM

• CDN

• Requirements

Installation

Copy Markdown

You can install Solid Query via NPM , or a good ol' <script> via ESM.sh .

### NPM

bash

npm i @tanstack/solid-query


npm i @tanstack/solid-query

or

bash

pnpm add @tanstack/solid-query


pnpm add @tanstack/solid-query

or

bash

yarn add @tanstack/solid-query


yarn add @tanstack/solid-query

or

bash

bun add @tanstack/solid-query


bun add @tanstack/solid-query

Wanna give it a spin before you download? Try out the simple or basic examples!

### CDN

If you're not using a module bundler or package manager, you can also use this library via an ESM-compatible CDN such as ESM.sh . Simply add a <script type="module"> tag to the bottom of your HTML file:

html

<script type="module">
  import { QueryClient } from 'https://esm.sh/@tanstack/solid-query'
</script>


<script type="module">
  import { QueryClient } from 'https://esm.sh/@tanstack/solid-query'
</script>

### Requirements

Solid Query is optimized for modern browsers. It is compatible with the following browsers config

Chrome >= 91
Firefox >= 90
Edge >= 91
Safari >= 15
iOS >= 15
Opera >= 77


Chrome >= 91
Firefox >= 90
Edge >= 91
Safari >= 15
iOS >= 15
Opera >= 77

Depending on your environment, you might need to add polyfills. If you want to support older browsers, you need to transpile the library from node_modules yourselves.

Edit on GitHub

Quick Start

Devtools

Partners Become a Partner

[###### Want to Skip the Docs?

Query.gg - The Official React Query Course
\

“If you’re serious about *really* understanding React Query, there’s no better way than with query.gg”—Tanner Linsley

Learn More](https://query.gg/?s=tanstack)