feat: remove react-query

Author: lorenzocorallo

package.json

@@ -19,12 +19,9 @@
     "@polinetwork/backend": "^0.15.15",
     "@radix-ui/react-dialog": "^1.1.15",
     "@t3-oss/env-nextjs": "^0.13.10",
-    "@tanstack/react-query": "^5.90.19",
     "@tanstack/react-table": "^8.21.2",
     "@trpc/client": "11.5.1",
     "@trpc/next": "11.5.1",
-    "@trpc/react-query": "11.5.1",
-    "@trpc/tanstack-react-query": "11.5.1",
     "babel-plugin-react-compiler": "1.0.0",
     "better-auth": "^1.5.5",
     "class-variance-authority": "^0.7.1",

pnpm-lock.yaml

@@ -2,17 +2,16 @@ import Image from "next/image"
 import { redirect } from "next/navigation"
 import loginSvg2 from "@/assets/svg/login-2.svg"
 import { Card } from "@/components/ui/card"
+import { getUserRoles } from "@/server/actions/users"
 import { getServerSession } from "@/server/auth"
-import { getQueryClient, trpc } from "@/server/trpc/server"
 import { Logout } from "../link/logout"
 
 export default async function OnboardingNoRole() {
   const { data: session } = await getServerSession()
   if (!session) redirect("/login")
   if (!session.user.telegramId) redirect("/onboarding/link")
 
-  const qc = getQueryClient()
-  const { roles } = await qc.fetchQuery(trpc.tg.permissions.getRoles.queryOptions({ userId: session.user.telegramId }))
+  const { roles } = await getUserRoles(session.user.telegramId)
   if (roles?.includes("creator")) redirect("/onboarding/unauthorized")
   if (roles && roles.length > 0) redirect("/dashboard")
 

src/app/(auth)/onboarding/no-role/page.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { RefreshCcw, Search, X } from "lucide-react"
+import { RefreshCcw, Search } from "lucide-react"
 import { useRouter, useSearchParams } from "next/navigation"
 import { useState } from "react"
 import { Button } from "@/components/ui/button"
@@ -9,7 +9,7 @@ import { Input } from "@/components/ui/input"
 export function SearchInput() {
   const router = useRouter()
   const searchParams = useSearchParams()
-  const search = searchParams.get("q")
+  const _search = searchParams.get("q")
   const [value, setValue] = useState(searchParams.get("q") ?? "")
 
   const handleSearch = () => {

src/app/dashboard/(active)/telegram/groups/search-input.tsx

@@ -1,8 +1,6 @@
 "use client"
 import { USER_ROLE } from "@polinetwork/backend"
-import { useMutation, useQueryClient } from "@tanstack/react-query"
-import { Plus, Search, X } from "lucide-react"
-import { useRouter } from "next/navigation"
+import { Plus } from "lucide-react"
 import { useState } from "react"
 import { toast } from "sonner"
 import { Badge } from "@/components/ui/badge"
@@ -20,7 +18,7 @@ import {
 import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 import { useSession } from "@/lib/auth"
 import { addUserRole } from "@/server/actions/users"
-import type { ApiOutput, TgUser, TgUserRole } from "@/server/trpc/types"
+import type { TgUser, TgUserRole } from "@/server/trpc/types"
 
 const ARRAY_USER_ROLES = [
   USER_ROLE.ADMIN,

src/app/dashboard/(active)/telegram/user-details/add-role.tsx

@@ -1,15 +1,14 @@
-import { getQueryClient, trpc } from "@/server/trpc/server"
+import { testDb } from "@/server/actions/test"
 export const dynamic = "force-dynamic"
 
 export default async function TestTRPCPage() {
-  const queryClient = getQueryClient()
-  const rows = await queryClient.fetchQuery(trpc.test.dbQuery.queryOptions({ dbName: "tg" }))
+  const data = await testDb()
 
   return (
     <div className="flex w-full flex-col gap-4 p-4">
       <p>Test with tRPC. Get the table `test.tg`</p>
       <ol className="list-inside px-4">
-        {rows.map((r, i) => (
+        {data.map((r, i) => (
           <li key={i} className="flex-1 list-decimal">
             {r}
           </li>

src/app/testtrpc/page.tsx

@@ -0,0 +1,6 @@
+"use server"
+import { trpc } from "../trpc"
+
+export async function testDb() {
+  return trpc.test.dbQuery.query({ dbName: "tg" })
+}