Type-safe queries for Elysia

Eden TanStack Query

Type-safe TanStack Query integration for Elysia Eden.Like @trpc/react-query, but for Elysia.

Get StartedGitHub
$ npm i eden-tanstack-react-query @tanstack/react-query @elysiajs/eden

Everything you need

End-to-end Type Safety

Full TypeScript inference from your Elysia routes to React components

Native TanStack Query

Use standard useQuery, useMutation, useInfiniteQuery patterns

Query Options Factories

queryOptions(), mutationOptions(), infiniteQueryOptions() built-in

Auto Query Keys

Type-safe keys derived automatically from route paths

Path Parameters

eden.users({ id: "1" }).get.queryOptions() just works

Cache Invalidation

queryFilter() helpers for smart cache management

Simple, intuitive API

Use familiar TanStack Query patterns with full type inference from your Elysia backend

import { useQuery, useMutation } from '@tanstack/react-query'
import { useEden } from './lib/eden'

function UserList() {
  const eden = useEden()

  // Fully typed query
  const { data: users } = useQuery(
    eden.users.get.queryOptions()
  )

  // Type-safe mutation
  const createUser = useMutation({
    ...eden.users.post.mutationOptions(),
    onSuccess: () => {
      queryClient.invalidateQueries({
        queryKey: eden.users.get.queryKey()
      })
    }
  })

  return <div>...</div>
}

Ready to get started?

Check out the documentation to learn how to integrate Eden TanStack Query into your project.

Read the Docs