WIP: Feat: Migrate to tRPC v11

package.json

@@ -59,11 +59,12 @@
     "@react-email/render": "0.0.12",
     "@stoplight/elements": "8.1.0",
     "@t3-oss/env-nextjs": "0.7.3",
-    "@tanstack/react-query": "4.36.1",
-    "@tanstack/react-query-devtools": "4.36.1",
-    "@trpc/client": "10.45.2",
-    "@trpc/react-query": "10.45.2",
-    "@trpc/server": "10.45.2",
+    "@tanstack/react-query": "5.35.1",
+    "@tanstack/react-query-devtools": "5.35.1",
+    "@trpc/client": "11.0.0-rc.364",
+    "@trpc/next": "11.0.0-rc.364",
+    "@trpc/react-query": "11.0.0-rc.364",
+    "@trpc/server": "11.0.0-rc.364",
     "bcrypt": "5.1.1",
     "chakra-react-select": "4.7.6",
     "colorette": "2.0.20",

src/features/account/AccountEmailForm.tsx

@@ -63,7 +63,7 @@ export const AccountEmailForm = () => {
 
   return (
     <>
-      {account.isLoading && <LoaderFull />}
+      {account.isPending && <LoaderFull />}
       {account.isError && <ErrorPage />}
       {account.isSuccess && (
         <Stack spacing={4}>
@@ -80,7 +80,7 @@ export const AccountEmailForm = () => {
                   type="submit"
                   variant="@primary"
                   isDisabled={account.data.email === email}
-                  isLoading={updateEmail.isLoading}
+                  isLoading={updateEmail.isPending}
                 >
                   {t('account:email.actions.update')}
                 </Button>

src/features/account/AccountProfileForm.tsx

@@ -58,7 +58,7 @@ export const AccountProfileForm = () => {
 
   return (
     <>
-      {account.isLoading && <LoaderFull />}
+      {account.isPending && <LoaderFull />}
       {account.isError && <ErrorPage />}
       {account.isSuccess && (
         <Stack spacing={4}>
@@ -84,7 +84,7 @@ export const AccountProfileForm = () => {
                 <Button
                   type="submit"
                   variant="@primary"
-                  isLoading={updateAccount.isLoading}
+                  isLoading={updateAccount.isPending}
                 >
                   {t('account:profile.actions.update')}
                 </Button>

src/features/account/EmailVerificationCodeModal.tsx

@@ -80,7 +80,7 @@ export const EmailVerificationCodeModale = () => {
             <VerificationCodeForm
               email={searchParams.verifyEmail ?? ''}
               isLoading={
-                updateEmailValidate.isLoading || updateEmailValidate.isSuccess
+                updateEmailValidate.isPending || updateEmailValidate.isSuccess
               }
             />
           </Form>

src/features/admin/AdminNavBar.tsx

@@ -84,7 +84,7 @@ const AdminNavBarAccountMenu = ({ ...rest }: Omit<MenuProps, 'children'>) => {
       <Menu placement="bottom-end" {...rest}>
         <MenuButton borderRadius="full" _focusVisible={{ shadow: 'outline' }}>
           <Avatar size="sm" icon={<></>} name={account.data?.email ?? ''}>
-            {account.isLoading && <Spinner size="xs" />}
+            {account.isPending && <Spinner size="xs" />}
           </Avatar>
         </MenuButton>
         <MenuList maxW="12rem" overflow="hidden">

src/features/app/AppNavBarDesktop.tsx

@@ -64,7 +64,7 @@ export const AppNavBarDesktop = (props: BoxProps) => {
                   }
                 : {})}
             >
-              {account.isLoading && <Spinner size="xs" />}
+              {account.isPending && <Spinner size="xs" />}
             </Avatar>
           </HStack>
         </Container>

src/features/auth/LoginForm.tsx

@@ -70,7 +70,7 @@ export const LoginForm = ({
           />
           <Flex>
             <Button
-              isLoading={login.isLoading || login.isSuccess}
+              isLoading={login.isPending || login.isSuccess}
               type="submit"
               variant={buttonVariant}
               size="lg"

src/features/auth/PageAdminLoginValidate.tsx

@@ -71,7 +71,7 @@ export default function PageAdminLoginValidate() {
         <Form {...form} onSubmit={onSubmit}>
           <VerificationCodeForm
             email={email ?? ''}
-            isLoading={validate.isLoading || validate.isSuccess}
+            isLoading={validate.isPending || validate.isSuccess}
           />
         </Form>
       </CardBody>

src/features/auth/PageLoginValidate.tsx

@@ -70,7 +70,7 @@ export default function PageLoginValidate() {
       <Form {...form} onSubmit={onSubmit}>
         <VerificationCodeForm
           email={email ?? ''}
-          isLoading={validate.isLoading || validate.isSuccess}
+          isLoading={validate.isPending || validate.isSuccess}
         />
       </Form>
     </Stack>

src/features/auth/PageRegister.tsx

@@ -112,7 +112,7 @@ export default function PageRegister() {
           />
           <Flex>
             <Button
-              isLoading={register.isLoading}
+              isLoading={register.isPending}
               type="submit"
               variant="@primary"
               flex={1}

src/features/auth/PageRegisterValidate.tsx

@@ -69,7 +69,7 @@ export default function PageRegisterValidate() {
       <Form {...form} onSubmit={onSubmit}>
         <VerificationCodeForm
           email={email ?? ''}
-          isLoading={validate.isLoading || validate.isSuccess}
+          isLoading={validate.isPending || validate.isSuccess}
         />
       </Form>
     </Stack>

src/features/repositories/AdminRepositoryActions.tsx

@@ -49,7 +49,7 @@ export const AdminRepositoryActions = ({
 
   return (
     <Menu placement="left-start" {...rest}>
-      <MenuButton as={ActionsButton} isLoading={repositoryRemove.isLoading} />
+      <MenuButton as={ActionsButton} isLoading={repositoryRemove.isPending} />
       <Portal>
         <MenuList>
           <MenuItem

src/features/repositories/PageAdminRepositories.tsx

@@ -79,7 +79,7 @@ export default function PageAdminRepositories() {
           </HStack>
 
           <DataList>
-            {repositories.isLoading && <DataListLoadingState />}
+            {repositories.isPending && <DataListLoadingState />}
             {repositories.isError && (
               <DataListErrorState
                 title={t('repositories:feedbacks.loadingRepositoryError.title')}