🆙 Update React Query to TanStack Query (#1153)

This commit is contained in:
Patrick Arminio
2024-04-04 16:30:42 +02:00
committed by GitHub
parent 3628e039f8
commit 2314dbd2df
19 changed files with 225 additions and 517 deletions

View File

@@ -14,7 +14,7 @@ import {
Tr,
} from "@chakra-ui/react"
import { createFileRoute } from "@tanstack/react-router"
import { useQuery, useQueryClient } from "react-query"
import { useQuery, useQueryClient } from "@tanstack/react-query"
import { type UserOut, UsersService } from "../../client"
import ActionsMenu from "../../components/Common/ActionsMenu"
@@ -28,13 +28,16 @@ export const Route = createFileRoute("/_layout/admin")({
function Admin() {
const queryClient = useQueryClient()
const showToast = useCustomToast()
const currentUser = queryClient.getQueryData<UserOut>("currentUser")
const currentUser = queryClient.getQueryData<UserOut>(["currentUser"])
const {
data: users,
isLoading,
isError,
error,
} = useQuery("users", () => UsersService.readUsers({}))
} = useQuery({
queryKey: ["users"],
queryFn: () => UsersService.readUsers({}),
})
if (isError) {
const errDetail = (error as any).body?.detail

View File

@@ -1,6 +1,6 @@
import { Box, Container, Text } from "@chakra-ui/react"
import { createFileRoute } from "@tanstack/react-router"
import { useQueryClient } from "react-query"
import { useQueryClient } from "@tanstack/react-query"
import type { UserOut } from "../../client"
@@ -11,7 +11,7 @@ export const Route = createFileRoute("/_layout/")({
function Dashboard() {
const queryClient = useQueryClient()
const currentUser = queryClient.getQueryData<UserOut>("currentUser")
const currentUser = queryClient.getQueryData<UserOut>(["currentUser"])
return (
<>

View File

@@ -12,7 +12,7 @@ import {
Tr,
} from "@chakra-ui/react"
import { createFileRoute } from "@tanstack/react-router"
import { useQuery } from "react-query"
import { useQuery } from "@tanstack/react-query"
import { ItemsService } from "../../client"
import ActionsMenu from "../../components/Common/ActionsMenu"
@@ -30,7 +30,10 @@ function Items() {
isLoading,
isError,
error,
} = useQuery("items", () => ItemsService.readItems({}))
} = useQuery({
queryKey: ["items"],
queryFn: () => ItemsService.readItems({}),
})
if (isError) {
const errDetail = (error as any).body?.detail

View File

@@ -8,7 +8,7 @@ import {
Tabs,
} from "@chakra-ui/react"
import { createFileRoute } from "@tanstack/react-router"
import { useQueryClient } from "react-query"
import { useQueryClient } from "@tanstack/react-query"
import type { UserOut } from "../../client"
import Appearance from "../../components/UserSettings/Appearance"
@@ -29,7 +29,7 @@ export const Route = createFileRoute("/_layout/settings")({
function UserSettings() {
const queryClient = useQueryClient()
const currentUser = queryClient.getQueryData<UserOut>("currentUser")
const currentUser = queryClient.getQueryData<UserOut>(["currentUser"])
const finalTabs = currentUser?.is_superuser
? tabsConfig.slice(0, 3)
: tabsConfig

View File

@@ -10,7 +10,7 @@ import {
} from "@chakra-ui/react"
import { createFileRoute, redirect, useNavigate } from "@tanstack/react-router"
import { type SubmitHandler, useForm } from "react-hook-form"
import { useMutation } from "react-query"
import { useMutation } from "@tanstack/react-query"
import { type ApiError, LoginService, type NewPassword } from "../client"
import { isLoggedIn } from "../hooks/useAuth"
@@ -57,7 +57,8 @@ function ResetPassword() {
})
}
const mutation = useMutation(resetPassword, {
const mutation = useMutation({
mutationFn: resetPassword,
onSuccess: () => {
showToast("Success!", "Password updated.", "success")
reset()