GPT

Tanstack Query Setup

import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query' import { api } from '../services/api' import type { Post, Prisma } from '@prisma/client' export function usePosts() { const queryClient = us

Prompt text

Original English text. Replace placeholders with your own details.

import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
import { api } from '../services/api'
import type { Post, Prisma } from '@prisma/client'

export function usePosts() {
 const queryClient = useQueryClient()

 const postsQuery = useQuery({
 queryKey: ['posts'],
 queryFn: () => api.getPosts()
 })

 const createPostMutation = useMutation({
 mutationFn: (data: Prisma.PostCreateInput) => api.createPost(data),
 onSuccess: () => {
 queryClient.invalidateQueries({ queryKey: ['posts'] })
 }
 })

 const updatePostMutation = useMutation({
 mutationFn: ({ id, data }: { id: number; data: Prisma.PostUpdateInput }) =>
 api.updatePost(id, data),
 onSuccess: () => {
 queryClient.invalidateQueries({ queryKey: ['posts'] })
 }
 })

 const deletePostMutation = useMutation({
 mutationFn: (id: number) => api.deletePost(id),
 onSuccess: () => {
 queryClient.invalidateQueries({ queryKey: ['posts'] })
 }
 })

 return {
 posts: postsQuery.data,
 isLoading: postsQuery.isLoading,
 error: postsQuery.error,
 createPost: createPostMutation.mutate,
 updatePost: updatePostMutation.mutate,
 deletePost: deletePostMutation.mutate
 }
}

export function usePost(id: number) {
 return useQuery({
 queryKey: ['posts', id],
 queryFn: () => api.getPostById(id)
 })
}

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →