From 37df507c688d2d23749cf748ab93250543f4a018 Mon Sep 17 00:00:00 2001
From: Evgeny <fruneen@gmail.com>
Date: Tue, 12 Dec 2023 17:18:09 +0300
Subject: [PATCH] feat: migrate to tanstack query

---
 template/apps/web/package.json                |   4 +-
 template/apps/web/src/pages/_app/index.tsx    |   6 +-
 .../web/src/pages/expire-token/index.page.tsx |   4 +-
 .../src/pages/forgot-password/index.page.tsx  |   4 +-
 .../apps/web/src/pages/profile/index.page.tsx |   8 +-
 .../src/pages/reset-password/index.page.tsx   |   4 +-
 .../apps/web/src/pages/sign-in/index.page.tsx |   4 +-
 .../apps/web/src/pages/sign-up/index.page.tsx |   4 +-
 template/apps/web/src/query-client.ts         |   4 +-
 .../web/src/resources/account/account.api.ts  | 130 ++++++++----------
 .../apps/web/src/resources/user/user.api.ts   |   9 +-
 template/package.json                         |   2 +-
 template/pnpm-lock.yaml                       | 125 +++++++----------
 13 files changed, 132 insertions(+), 176 deletions(-)

diff --git a/template/apps/web/package.json b/template/apps/web/package.json
index 1886a0a9..89adae5f 100644
--- a/template/apps/web/package.json
+++ b/template/apps/web/package.json
@@ -24,6 +24,7 @@
     "@mantine/notifications": "7.1.3",
     "@svgr/webpack": "6.5.1",
     "@tabler/icons-react": "2.10.0",
+    "@tanstack/react-query": "5.13.4",
     "@tanstack/react-table": "8.7.9",
     "app-constants": "workspace:*",
     "app-types": "npm:types",
@@ -37,7 +38,6 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hook-form": "7.43.5",
-    "react-query": "3.39.3",
     "schemas": "workspace:*",
     "socket.io-client": "4.6.1",
     "zod": "3.21.4"
@@ -51,6 +51,8 @@
     "@storybook/builder-webpack5": "6.5.16",
     "@storybook/manager-webpack5": "6.5.16",
     "@storybook/react": "6.5.16",
+    "@tanstack/eslint-plugin-query": "5.12.1",
+    "@tanstack/react-query-devtools": "5.13.5",
     "@types/mixpanel-browser": "2.38.1",
     "@types/node": "18.15.1",
     "@types/qs": "6.9.7",
diff --git a/template/apps/web/src/pages/_app/index.tsx b/template/apps/web/src/pages/_app/index.tsx
index e0f58c09..63f54ecd 100644
--- a/template/apps/web/src/pages/_app/index.tsx
+++ b/template/apps/web/src/pages/_app/index.tsx
@@ -1,8 +1,8 @@
 import { FC } from 'react';
-import { QueryClientProvider } from 'react-query';
-import { ReactQueryDevtools } from 'react-query/devtools';
 import Head from 'next/head';
 import { AppProps } from 'next/app';
+import { QueryClientProvider } from '@tanstack/react-query';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { MantineProvider } from '@mantine/core';
 import { Notifications } from '@mantine/notifications';
 import { ModalsProvider } from '@mantine/modals';
@@ -28,7 +28,7 @@ const App: FC<AppProps> = ({ Component, pageProps }) => (
             <Component {...pageProps} />
           </PageConfig>
         </ModalsProvider>
-        <ReactQueryDevtools position="bottom-right" />
+        <ReactQueryDevtools buttonPosition="bottom-right" />
       </MantineProvider>
     </QueryClientProvider>
   </>
diff --git a/template/apps/web/src/pages/expire-token/index.page.tsx b/template/apps/web/src/pages/expire-token/index.page.tsx
index d0977db6..dd9a8700 100644
--- a/template/apps/web/src/pages/expire-token/index.page.tsx
+++ b/template/apps/web/src/pages/expire-token/index.page.tsx
@@ -24,7 +24,7 @@ const ForgotPassword: NextPage = () => {
 
   const {
     mutate: resendEmail,
-    isLoading: isResendEmailLoading,
+    isPending: isResendEmailPending,
   } = accountApi.useResendEmail<ForgotPasswordParams>();
 
   const onSubmit = () => resendEmail({ email }, {
@@ -63,7 +63,7 @@ const ForgotPassword: NextPage = () => {
         </Text>
 
         <Button
-          loading={isResendEmailLoading}
+          loading={isResendEmailPending}
           fullWidth
           onClick={onSubmit}
         >
diff --git a/template/apps/web/src/pages/forgot-password/index.page.tsx b/template/apps/web/src/pages/forgot-password/index.page.tsx
index 7f038f92..8c7301f2 100644
--- a/template/apps/web/src/pages/forgot-password/index.page.tsx
+++ b/template/apps/web/src/pages/forgot-password/index.page.tsx
@@ -30,7 +30,7 @@ const ForgotPassword: NextPage = () => {
 
   const {
     mutate: forgotPassword,
-    isLoading: isForgotPasswordLoading,
+    isPending: isForgotPasswordPending,
   } = accountApi.useForgotPassword<ForgotPasswordParams>();
 
   const {
@@ -98,7 +98,7 @@ const ForgotPassword: NextPage = () => {
 
             <Button
               type="submit"
-              loading={isForgotPasswordLoading}
+              loading={isForgotPasswordPending}
             >
               Send reset link
             </Button>
diff --git a/template/apps/web/src/pages/profile/index.page.tsx b/template/apps/web/src/pages/profile/index.page.tsx
index ef256c53..2e212c64 100644
--- a/template/apps/web/src/pages/profile/index.page.tsx
+++ b/template/apps/web/src/pages/profile/index.page.tsx
@@ -1,7 +1,6 @@
 import { z } from 'zod';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { useQueryClient } from 'react-query';
 import { showNotification } from '@mantine/notifications';
 import Head from 'next/head';
 import { NextPage } from 'next';
@@ -10,6 +9,7 @@ import { Button, TextInput, PasswordInput, Stack, Title } from '@mantine/core';
 import { accountApi } from 'resources/account';
 
 import { handleError } from 'utils';
+import queryClient from 'query-client';
 
 import PhotoUpload from './components/PhotoUpload';
 
@@ -27,8 +27,6 @@ const schema = z.object({
 type UpdateParams = z.infer<typeof schema>;
 
 const Profile: NextPage = () => {
-  const queryClient = useQueryClient();
-
   const { data: account } = accountApi.useGet();
 
   const {
@@ -46,7 +44,7 @@ const Profile: NextPage = () => {
 
   const {
     mutate: updateAccount,
-    isLoading: isUpdateLoading,
+    isPending: isUpdatePending,
   } = accountApi.useUpdate<UpdateParams>();
 
   const onSubmit = (submitData: UpdateParams) => updateAccount(submitData, {
@@ -119,7 +117,7 @@ const Profile: NextPage = () => {
 
           <Button
             type="submit"
-            loading={isUpdateLoading}
+            loading={isUpdatePending}
           >
             Update Profile
           </Button>
diff --git a/template/apps/web/src/pages/reset-password/index.page.tsx b/template/apps/web/src/pages/reset-password/index.page.tsx
index 2fccdc5d..01b2a0b4 100644
--- a/template/apps/web/src/pages/reset-password/index.page.tsx
+++ b/template/apps/web/src/pages/reset-password/index.page.tsx
@@ -40,7 +40,7 @@ const ResetPassword: NextPage = () => {
 
   const {
     mutate: resetPassword,
-    isLoading: isResetPasswordLoading,
+    isPending: isResetPasswordPending,
   } = accountApi.useResetPassword<ResetPasswordParams & { token: QueryParam }>();
 
   const onSubmit = ({ password }: ResetPasswordParams) => resetPassword({
@@ -104,7 +104,7 @@ const ResetPassword: NextPage = () => {
 
           <Button
             type="submit"
-            loading={isResetPasswordLoading}
+            loading={isResetPasswordPending}
             loaderProps={{ size: 'xs' }}
             fullWidth
           >
diff --git a/template/apps/web/src/pages/sign-in/index.page.tsx b/template/apps/web/src/pages/sign-in/index.page.tsx
index a546ebfc..2f5476fa 100644
--- a/template/apps/web/src/pages/sign-in/index.page.tsx
+++ b/template/apps/web/src/pages/sign-in/index.page.tsx
@@ -29,7 +29,7 @@ const SignIn: NextPage = () => {
     register, handleSubmit, formState: { errors }, setError,
   } = useForm<SignInParams>({ resolver: zodResolver(schema) });
 
-  const { mutate: signIn, isLoading: isSignInLoading } = accountApi.useSignIn<SignInParams>();
+  const { mutate: signIn, isPending: isSignInPending } = accountApi.useSignIn<SignInParams>();
 
   const onSubmit = (data: SignInParams) => signIn(data, {
     onError: (e) => handleError(e, setError),
@@ -78,7 +78,7 @@ const SignIn: NextPage = () => {
             </Stack>
 
             <Button
-              loading={isSignInLoading}
+              loading={isSignInPending}
               type="submit"
               fullWidth
               mt={34}
diff --git a/template/apps/web/src/pages/sign-up/index.page.tsx b/template/apps/web/src/pages/sign-up/index.page.tsx
index 3df82a10..11be6728 100644
--- a/template/apps/web/src/pages/sign-up/index.page.tsx
+++ b/template/apps/web/src/pages/sign-up/index.page.tsx
@@ -82,7 +82,7 @@ const SignUp: NextPage = () => {
     setPasswordRulesData(updatedPasswordRulesData);
   }, [passwordValue]);
 
-  const { mutate: signUp, isLoading: isSignUpLoading } = accountApi.useSignUp<SignUpParams>();
+  const { mutate: signUp, isPending: isSignUpPending } = accountApi.useSignUp<SignUpParams>();
 
   const onSubmit = (data: SignUpParams) => signUp(data, {
     onSuccess: (response: any) => {
@@ -194,7 +194,7 @@ const SignUp: NextPage = () => {
 
             <Button
               type="submit"
-              loading={isSignUpLoading}
+              loading={isSignUpPending}
               fullWidth
               mt={34}
             >
diff --git a/template/apps/web/src/query-client.ts b/template/apps/web/src/query-client.ts
index e5faa2ac..22101262 100644
--- a/template/apps/web/src/query-client.ts
+++ b/template/apps/web/src/query-client.ts
@@ -1,4 +1,4 @@
-import { QueryClient } from 'react-query';
+import { QueryClient, keepPreviousData } from '@tanstack/react-query';
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -6,7 +6,7 @@ const queryClient = new QueryClient({
       refetchOnWindowFocus: false,
       refetchOnReconnect: false,
       retry: false,
-      keepPreviousData: true,
+      placeholderData: keepPreviousData,
     },
   },
 });
diff --git a/template/apps/web/src/resources/account/account.api.ts b/template/apps/web/src/resources/account/account.api.ts
index c25c8aea..f7bb05a1 100644
--- a/template/apps/web/src/resources/account/account.api.ts
+++ b/template/apps/web/src/resources/account/account.api.ts
@@ -1,4 +1,4 @@
-import { useMutation, useQuery } from 'react-query';
+import { useMutation, useQuery } from '@tanstack/react-query';
 
 import { User } from 'types';
 
@@ -6,82 +6,62 @@ import { apiService } from 'services';
 
 import queryClient from 'query-client';
 
-export function useSignIn<T>() {
-  const signIn = (data: T) => apiService.post('/account/sign-in', data);
-
-  return useMutation<User, unknown, T>(signIn, {
-    onSuccess: (data) => {
-      queryClient.setQueryData(['account'], data);
-    },
-  });
-}
-
-export function useSignOut() {
-  const signOut = () => apiService.post('/account/sign-out');
-
-  return useMutation(signOut, {
-    onSuccess: () => {
-      queryClient.setQueryData(['account'], null);
-    },
-  });
-}
-
-export function useSignUp<T>() {
-  const signUp = (data: T) => apiService.post('/account/sign-up', data);
-
+export const useSignIn = <T>() => useMutation<User, unknown, T>({
+  mutationFn: (data: T) => apiService.post('/account/sign-in', data),
+  onSuccess: (data) => {
+    queryClient.setQueryData(['account'], data);
+  },
+});
+
+export const useSignOut = () => useMutation({
+  mutationFn: () => apiService.post('/account/sign-out'),
+  onSuccess: () => {
+    queryClient.setQueryData(['account'], null);
+  },
+});
+
+export const useSignUp = <T>() => {
   interface SignUpResponse {
     signupToken: string;
   }
 
-  return useMutation<SignUpResponse, unknown, T>(signUp);
-}
-
-export function useForgotPassword<T>() {
-  const forgotPassword = (data: T) => apiService.post('/account/forgot-password', data);
-
-  return useMutation<{}, unknown, T>(forgotPassword);
-}
-
-export function useResetPassword<T>() {
-  const resetPassword = (data: T) => apiService.put('/account/reset-password', data);
-
-  return useMutation<{}, unknown, T>(resetPassword);
-}
-
-export function useResendEmail<T>() {
-  const resendEmail = (data: T) => apiService.post('/account/resend-email', data);
-
-  return useMutation<{}, unknown, T>(resendEmail);
-}
-
-export function useGet(options? : {}) {
-  const get = () => apiService.get('/account');
-
-  return useQuery<User>(['account'], get, options);
-}
-
-export function useUpdate<T>() {
-  const update = (data: T) => apiService.put('/account', data);
-
-  return useMutation<User, unknown, T>(update);
-}
-
-export function useUploadAvatar<T>() {
-  const uploadAvatar = (data: T) => apiService.post('/account/avatar', data);
-
-  return useMutation<User, unknown, T>(uploadAvatar, {
-    onSuccess: (data) => {
-      queryClient.setQueryData(['account'], data);
-    },
-  });
-}
-
-export function useRemoveAvatar() {
-  const removeAvatar = () => apiService.delete('/account/avatar');
-
-  return useMutation<User>(removeAvatar, {
-    onSuccess: (data) => {
-      queryClient.setQueryData(['account'], data);
-    },
+  return useMutation<SignUpResponse, unknown, T>({
+    mutationFn: (data: T) => apiService.post('/account/sign-up', data),
   });
-}
+};
+
+export const useForgotPassword = <T>() => useMutation<{}, unknown, T>({
+  mutationFn: (data: T) => apiService.post('/account/forgot-password', data),
+});
+
+export const useResetPassword = <T>() => useMutation<{}, unknown, T>({
+  mutationFn: (data: T) => apiService.put('/account/reset-password', data),
+});
+
+export const useResendEmail = <T>() => useMutation<{}, unknown, T>({
+  mutationFn: (data: T) => apiService.post('/account/resend-email', data),
+});
+
+export const useGet = (options? : {}) => useQuery<User>({
+  queryKey: ['account'],
+  queryFn: () => apiService.get('/account'),
+  ...options,
+});
+
+export const useUpdate = <T>() => useMutation<User, unknown, T>({
+  mutationFn: (data: T) => apiService.put('/account', data),
+});
+
+export const useUploadAvatar = <T>() => useMutation<User, unknown, T>({
+  mutationFn: (data: T) => apiService.post('/account/avatar', data),
+  onSuccess: (data) => {
+    queryClient.setQueryData(['account'], data);
+  },
+});
+
+export const useRemoveAvatar = () => useMutation<User>({
+  mutationFn: () => apiService.delete('/account/avatar'),
+  onSuccess: (data) => {
+    queryClient.setQueryData(['account'], data);
+  },
+});
diff --git a/template/apps/web/src/resources/user/user.api.ts b/template/apps/web/src/resources/user/user.api.ts
index 8a8d6ff0..c146b62b 100644
--- a/template/apps/web/src/resources/user/user.api.ts
+++ b/template/apps/web/src/resources/user/user.api.ts
@@ -1,17 +1,18 @@
-import { useQuery } from 'react-query';
+import { useQuery } from '@tanstack/react-query';
 
 import { User } from 'types';
 
 import { apiService } from 'services';
 
 export function useList<T>(params: T) {
-  const list = () => apiService.get('/users', params);
-
   interface UserListResponse {
     count: number;
     items: User[];
     totalPages: number;
   }
 
-  return useQuery<UserListResponse>(['users', params], list);
+  return useQuery<UserListResponse>({
+    queryKey: ['users', params],
+    queryFn: () => apiService.get('/users', params),
+  });
 }
diff --git a/template/package.json b/template/package.json
index 2af98776..e7fcaa12 100644
--- a/template/package.json
+++ b/template/package.json
@@ -5,7 +5,7 @@
     "turbo-start": "turbo run development --filter=\"./apps/*\" --filter=\"./packages/*\" --filter=\"!react-email-client\" ",
     "docker": "bash ./bin/start.sh",
     "start": "bash ./bin/run-all.sh",
-    "prepare": "husky install"
+    "prepare": "cd .. husky install"
   },
   "devDependencies": {
     "husky": "8.0.3",
diff --git a/template/pnpm-lock.yaml b/template/pnpm-lock.yaml
index eb21c914..d276bfbc 100644
--- a/template/pnpm-lock.yaml
+++ b/template/pnpm-lock.yaml
@@ -322,6 +322,9 @@ importers:
       '@tabler/icons-react':
         specifier: 2.10.0
         version: 2.10.0(react@18.2.0)
+      '@tanstack/react-query':
+        specifier: 5.13.4
+        version: 5.13.4(react@18.2.0)
       '@tanstack/react-table':
         specifier: 8.7.9
         version: 8.7.9(react-dom@18.2.0)(react@18.2.0)
@@ -361,9 +364,6 @@ importers:
       react-hook-form:
         specifier: 7.43.5
         version: 7.43.5(react@18.2.0)
-      react-query:
-        specifier: 3.39.3
-        version: 3.39.3(react-dom@18.2.0)(react@18.2.0)
       schemas:
         specifier: workspace:*
         version: link:../../packages/schemas
@@ -398,6 +398,12 @@ importers:
       '@storybook/react':
         specifier: 6.5.16
         version: 6.5.16(@babel/core@7.21.0)(@storybook/builder-webpack5@6.5.16)(@storybook/manager-webpack5@6.5.16)(eslint@8.36.0)(react-dom@18.2.0)(react@18.2.0)(require-from-string@2.0.2)(typescript@4.9.5)
+      '@tanstack/eslint-plugin-query':
+        specifier: 5.12.1
+        version: 5.12.1(eslint@8.36.0)(typescript@4.9.5)
+      '@tanstack/react-query-devtools':
+        specifier: 5.13.5
+        version: 5.13.5(@tanstack/react-query@5.13.4)(react@18.2.0)
       '@types/mixpanel-browser':
         specifier: 2.38.1
         version: 2.38.1
@@ -8180,6 +8186,44 @@ packages:
     resolution: {integrity: sha512-rj9xrHTSw7bPpylx8g9xhhUgO9NYKX1wGnGrMaFS5CQ9KS+jhwhKFqbZaQKhXNhpvI0cLEEW6GaRXdrC3iBs1A==}
     dev: false
 
+  /@tanstack/eslint-plugin-query@5.12.1(eslint@8.36.0)(typescript@4.9.5):
+    resolution: {integrity: sha512-FuG/mN9cUO8KlT7KJzl8Yiw55uyXz1vzxXfoMnBbgiH8vk5WtUbEMdFeDF4ujgO+VSKR10uDdZ1+TIOpHhDUfQ==}
+    peerDependencies:
+      eslint: ^8.0.0
+    dependencies:
+      '@typescript-eslint/utils': 5.54.1(eslint@8.36.0)(typescript@4.9.5)
+      eslint: 8.36.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@tanstack/query-core@5.13.4:
+    resolution: {integrity: sha512-8+rJucXvC/xlr4OrxHhEIob/cTlbT4fgmz1VsvB0D12FRStKaXeLORNGcOhSAynRd2NL74SV/Qq0IIb4DedLcA==}
+
+  /@tanstack/query-devtools@5.13.5:
+    resolution: {integrity: sha512-effSYz9AWcZ6sNd+c8LCBYFIuDZApoCTXEpRlEYChBZpMz9QUUVMLToThwCyUY49+T5pANL3XxgZf3HV7hwJlg==}
+    dev: true
+
+  /@tanstack/react-query-devtools@5.13.5(@tanstack/react-query@5.13.4)(react@18.2.0):
+    resolution: {integrity: sha512-FB17B/yPtwnqg+DAdosAM+rFj3t8Pl121MPLiUGgl6jvG0A+U9XN3n39zVbhurbdSFO5jCMkPBlloW4NH5ojrA==}
+    peerDependencies:
+      '@tanstack/react-query': ^5.13.4
+      react: ^18.0.0
+    dependencies:
+      '@tanstack/query-devtools': 5.13.5
+      '@tanstack/react-query': 5.13.4(react@18.2.0)
+      react: 18.2.0
+    dev: true
+
+  /@tanstack/react-query@5.13.4(react@18.2.0):
+    resolution: {integrity: sha512-3HjvkFFriEQwffUXtKHPiwkfFXUGbs46YATTzzyK1+Pw6Ekd3kwzS50e45qdamWuEXmXxyo5S1zp534LdFG0Rw==}
+    peerDependencies:
+      react: ^18.0.0
+    dependencies:
+      '@tanstack/query-core': 5.13.4
+      react: 18.2.0
+
   /@tanstack/react-table@8.7.9(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-6MbbQn5AupSOkek1+6IYu+1yZNthAKTRZw9tW92Vi6++iRrD1GbI3lKTjJalf8lEEKOqapPzQPE20nywu0PjCA==}
     engines: {node: '>=12'}
@@ -10161,6 +10205,7 @@ packages:
   /big-integer@1.6.51:
     resolution: {integrity: sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==}
     engines: {node: '>=0.6'}
+    requiresBuild: true
 
   /big.js@5.2.2:
     resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==}
@@ -10308,19 +10353,6 @@ packages:
     dependencies:
       fill-range: 7.0.1
 
-  /broadcast-channel@3.7.0:
-    resolution: {integrity: sha512-cIAKJXAxGJceNZGTZSBzMxzyOn72cVgPnKx4dc6LRjQgbaJUQqhy5rzL3zbMxkMWsGKkv2hSFkPRMEXfoMZ2Mg==}
-    dependencies:
-      '@babel/runtime': 7.21.0
-      detect-node: 2.1.0
-      js-sha3: 0.8.0
-      microseconds: 0.2.0
-      nano-time: 1.0.0
-      oblivious-set: 1.0.0
-      rimraf: 3.0.2
-      unload: 2.2.0
-    dev: false
-
   /brorand@1.1.0:
     resolution: {integrity: sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==}
     dev: true
@@ -11740,10 +11772,6 @@ packages:
     resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
     dev: false
 
-  /detect-node@2.1.0:
-    resolution: {integrity: sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==}
-    dev: false
-
   /detect-package-manager@2.0.1:
     resolution: {integrity: sha512-j/lJHyoLlWi6G1LDdLgvUtz60Zo5GEj+sVYtTVXnYLDPuzgC3llMxonXym9zIwhhUII8vjdw0LXxavpLqTbl1A==}
     engines: {node: '>=12'}
@@ -15897,10 +15925,6 @@ packages:
     resolution: {integrity: sha512-mifzlm2+5nZ+lEcLJMoBK0/IH/bDg8XnJfd/Wq6IP+xoCjLZsTOnV2QpxlVbX9bMnkl5PdEjNtBJ9Cj1NjifhQ==}
     dev: true
 
-  /js-sha3@0.8.0:
-    resolution: {integrity: sha512-gF1cRrHhIzNfToc802P800N8PpXS+evLLXfsVpowqmAFR9uwbi89WvXg2QspOmXL8QL86J4T1EpFu+yUkwJY3Q==}
-    dev: false
-
   /js-string-escape@1.0.1:
     resolution: {integrity: sha512-Smw4xcfIQ5LVjAOuJCvN/zIodzA/BBSsluuoSykP+lUvScIi4U6RJLfwHet5cxFnCswUjISV8oAXaqaJDY3chg==}
     engines: {node: '>= 0.8'}
@@ -16608,13 +16632,6 @@ packages:
     resolution: {integrity: sha512-8z4efJYk43E0upd0NbVXwgSTQs6cT3T06etieCMEg7dRbzCbxUCK/GHlX8mhHRDcp+OLlHkPKsvqQTCvsRl2cg==}
     dev: true
 
-  /match-sorter@6.3.1:
-    resolution: {integrity: sha512-mxybbo3pPNuA+ZuCUhm5bwNkXrJTbsk5VWbR5wiwz/GC6LIiegBGn2w3O08UG/jdbYLinw51fSQ5xNU1U3MgBw==}
-    dependencies:
-      '@babel/runtime': 7.21.0
-      remove-accents: 0.4.2
-    dev: false
-
   /material-colors@1.2.6:
     resolution: {integrity: sha512-6qE4B9deFBIa9YSpOc9O0Sgc43zTeVYbgDT5veRKSlB2+ZuHNoVVxA1L/ckMUayV9Ay9y7Z/SZCLcGteW9i7bg==}
     dev: true
@@ -16784,10 +16801,6 @@ packages:
       braces: 3.0.2
       picomatch: 2.3.1
 
-  /microseconds@0.2.0:
-    resolution: {integrity: sha512-n7DHHMjR1avBbSpsTBj6fmMGh2AGrifVV4e+WYc3Q9lO+xnSZ3NyhcBND3vzzatt05LFhoKFRxrIyklmLlUtyA==}
-    dev: false
-
   /miller-rabin@4.0.1:
     resolution: {integrity: sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==}
     hasBin: true
@@ -17141,12 +17154,6 @@ packages:
     dev: true
     optional: true
 
-  /nano-time@1.0.0:
-    resolution: {integrity: sha512-flnngywOoQ0lLQOTRNexn2gGSNuM9bKj9RZAWSzhQ+UJYaAFG9bac4DW9VHjUAzrOaIcajHybCTHe/bkvozQqA==}
-    dependencies:
-      big-integer: 1.6.51
-    dev: false
-
   /nanoid@3.3.4:
     resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -17728,10 +17735,6 @@ packages:
     resolution: {integrity: sha512-eJJDYkhJFFbBBAxeh8xW+weHlkI28n2ZdQV/J/DNfWfSKlGEf2xcfAbZTv3riEXHAhL9SVOTs2pRmXiSTf78xg==}
     dev: true
 
-  /oblivious-set@1.0.0:
-    resolution: {integrity: sha512-z+pI07qxo4c2CulUHCDf9lcqDlMSo72N/4rLUpRXf6fu+q8vjt8y0xS+Tlf8NTJDdTXHbdeO1n3MlbctwEoXZw==}
-    dev: false
-
   /on-finished@2.4.1:
     resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
     engines: {node: '>= 0.8'}
@@ -18177,6 +18180,7 @@ packages:
   /pify@2.3.0:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
+    requiresBuild: true
 
   /pify@3.0.0:
     resolution: {integrity: sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==}
@@ -19041,25 +19045,6 @@ packages:
     resolution: {integrity: sha512-kzmNjIgU32mO4mmH5+iUyrqlpFQhF8K2k7eZ4fdLSOPFrD1XgEuSBv9LDEgxRXTMBqMd8ppT0x6TIzqE5pdGdw==}
     dev: false
 
-  /react-query@3.39.3(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-nLfLz7GiohKTJDuT4us4X3h/8unOh+00MLb2yJoGTPjxKs2bc1iDhkNx2bd5MKklXnOD3NrVZ+J2UXujA5In4g==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0
-      react-dom: '*'
-      react-native: '*'
-    peerDependenciesMeta:
-      react-dom:
-        optional: true
-      react-native:
-        optional: true
-    dependencies:
-      '@babel/runtime': 7.21.0
-      broadcast-channel: 3.7.0
-      match-sorter: 6.3.1
-      react: 18.2.0
-      react-dom: 18.2.0(react@18.2.0)
-    dev: false
-
   /react-refresh@0.11.0:
     resolution: {integrity: sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==}
     engines: {node: '>=0.10.0'}
@@ -19517,10 +19502,6 @@ packages:
       mdast-squeeze-paragraphs: 4.0.0
     dev: true
 
-  /remove-accents@0.4.2:
-    resolution: {integrity: sha512-7pXIJqJOq5tFgG1A2Zxti3Ht8jJF337m4sowbuHsW30ZnkQFnDzy9qBNhgzX8ZLW4+UBcXiiR7SwR6pokHsxiA==}
-    dev: false
-
   /remove-trailing-separator@1.1.0:
     resolution: {integrity: sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==}
     requiresBuild: true
@@ -19680,6 +19661,7 @@ packages:
     hasBin: true
     dependencies:
       glob: 7.2.3
+    dev: true
 
   /ripemd160@2.0.2:
     resolution: {integrity: sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==}
@@ -21751,13 +21733,6 @@ packages:
     resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
     engines: {node: '>= 10.0.0'}
 
-  /unload@2.2.0:
-    resolution: {integrity: sha512-B60uB5TNBLtN6/LsgAf3udH9saB5p7gqJwcFfbOEZ8BcBHnGwCf6G/TGiEqkRAxX7zAFIUtzdrXQSdL3Q/wqNA==}
-    dependencies:
-      '@babel/runtime': 7.21.0
-      detect-node: 2.1.0
-    dev: false
-
   /unpipe@1.0.0:
     resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}