migrate to tanstack query v5

src/utils/hooks/useEvent.ts

@@ -12,9 +12,9 @@ export function useEvent(
 ) {
   const { db } = useStorage();
   const { ndk } = useNDK();
-  const { status, data } = useQuery(
-    ['event', id],
-    async () => {
+  const { status, data } = useQuery({
+    queryKey: ['event', id],
+    queryFn: async () => {
       // return event refer from naddr
       if (naddr) {
         const rEvents = await ndk.fetchEvents({
@@ -45,11 +45,9 @@ export function useEvent(
 
       return event;
     },
-    {
-      enabled: !!ndk,
-      refetchOnWindowFocus: false,
-    }
-  );
+    enabled: !!ndk,
+    refetchOnWindowFocus: false,
+  });
 
   return { status, data };
 }

src/utils/hooks/useOpenGraph.ts

@@ -4,22 +4,20 @@ import { invoke } from '@tauri-apps/api/primitives';
 import { Opengraph } from '@utils/types';
 
 export function useOpenGraph(url: string) {
-  const { status, data, error } = useQuery(
-    ['opg', url],
-    async () => {
+  const { status, data, error } = useQuery({
+    queryKey: ['opg', url],
+    queryFn: async () => {
       const res: Opengraph = await invoke('opengraph', { url });
       if (!res) {
         throw new Error('fetch preview failed');
       }
       return res;
     },
-    {
-      staleTime: Infinity,
-      refetchOnWindowFocus: false,
-      refetchOnMount: false,
-      refetchOnReconnect: false,
-    }
-  );
+    staleTime: Infinity,
+    refetchOnWindowFocus: false,
+    refetchOnMount: false,
+    refetchOnReconnect: false,
+  });
 
   return {
     status,

src/utils/hooks/useProfile.ts

@@ -9,9 +9,9 @@ export function useProfile(pubkey: string, embed?: string) {
     status,
     data: user,
     error,
-  } = useQuery(
-    ['user', pubkey],
-    async () => {
+  } = useQuery({
+    queryKey: ['user', pubkey],
+    queryFn: async () => {
       if (embed) {
         const profile: NDKUserProfile = JSON.parse(embed);
         return profile;
@@ -21,15 +21,13 @@ export function useProfile(pubkey: string, embed?: string) {
       const user = ndk.getUser({ hexpubkey: cleanPubkey });
       return await user.fetchProfile();
     },
-    {
-      enabled: !!ndk,
-      staleTime: Infinity,
-      refetchOnMount: false,
-      refetchOnWindowFocus: false,
-      refetchOnReconnect: false,
-      retry: 2,
-    }
-  );
+    enabled: !!ndk,
+    staleTime: Infinity,
+    refetchOnMount: false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    retry: 2,
+  });
 
   return { status, user, error };
 }