snapshot of https://github.com/TanStack/query.git (main, 2026-09-16; blobs > 131072B omitted)

examples/solid/simple/.eslintrc.cjs

@@ -0,0 +1,8 @@
+// @ts-check
+
+/** @type {import('eslint').Linter.Config} */
+const config = {
+  extends: ['plugin:@tanstack/eslint-plugin-query/recommended'],
+}
+
+module.exports = config

examples/solid/simple/.gitignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+.yalc
+yalc.lock

examples/solid/simple/README.md

@@ -0,0 +1,6 @@
+# Example
+
+To run this example:
+
+- `pnpm install`
+- `pnpm dev`

examples/solid/simple/index.html

@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <link rel="shortcut icon" type="image/ico" href="/src/assets/favicon.ico" />
+    <title>Solid App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+
+    <script src="/src/index.tsx" type="module"></script>
+  </body>
+</html>

examples/solid/simple/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@tanstack/query-example-solid-simple",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@tanstack/solid-query": "^5.102.8",
+    "@tanstack/solid-query-devtools": "^5.102.8",
+    "solid-js": "^1.9.7"
+  },
+  "devDependencies": {
+    "@tanstack/eslint-plugin-query": "^5.102.8",
+    "typescript": "5.8.3",
+    "vite": "^6.4.1",
+    "vite-plugin-solid": "^2.11.6"
+  }
+}

examples/solid/simple/src/index.tsx

@@ -0,0 +1,55 @@
+/* @refresh reload */
+import {
+  QueryClient,
+  QueryClientProvider,
+  useQuery,
+} from '@tanstack/solid-query'
+import { SolidQueryDevtools } from '@tanstack/solid-query-devtools'
+import { Match, Switch } from 'solid-js'
+import { render } from 'solid-js/web'
+
+const queryClient = new QueryClient()
+
+export default function App() {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <SolidQueryDevtools />
+      <Example />
+    </QueryClientProvider>
+  )
+}
+
+function Example() {
+  const state = useQuery(() => ({
+    queryKey: ['repoData'],
+    queryFn: async () => {
+      const response = await fetch(
+        'https://api.github.com/repos/TanStack/query',
+      )
+      return await response.json()
+    },
+  }))
+
+  return (
+    <Switch>
+      <Match when={state.isPending}>Loading...</Match>
+      <Match when={state.error}>
+        {'An error has occurred: ' + (state.error as Error).message}
+      </Match>
+      <Match when={state.data !== undefined}>
+        <div>
+          <h1>{state.data.name}</h1>
+          <p>{state.data.description}</p>
+          <strong>👀 {state.data.subscribers_count}</strong>{' '}
+          <strong>✨ {state.data.stargazers_count}</strong>{' '}
+          <strong>🍴 {state.data.forks_count}</strong>
+          <div>{state.isFetching ? 'Updating...' : ''}</div>
+        </div>
+      </Match>
+    </Switch>
+  )
+}
+const root = document.getElementById('root')
+if (!root) throw new Error('Missing #root element')
+
+render(() => <App />, root)

examples/solid/simple/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src", ".eslintrc.cjs", "vite.config.ts"]
+}

examples/solid/simple/vite.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import solid from 'vite-plugin-solid'
+
+export default defineConfig({
+  plugins: [solid()],
+})