refactor: Improve the structure of useMagnetData function

src/renderer/src/pages/game-details/seeders-and-peers/useMagnetData.tsx

@@ -1,10 +1,12 @@
-import { useCallback, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { TorrentData } from "./types";
 
 const cache: Record<string, TorrentData> = {};
 
 export function useMagnetData(magnet: string) {
-  const [magnetData, setMagnetData] = useState<TorrentData | null>(cache[magnet] || null);
+  const [magnetData, setMagnetData] = useState<TorrentData | null>(
+    cache[magnet] || null
+  );
   const [isLoading, setIsLoading] = useState(() => {
     if (cache[magnet]) {
       return false;
@@ -40,9 +42,11 @@ export function useMagnetData(magnet: string) {
         setIsLoading(false);
       }
     );
-  }, []);
+  }, [magnet]);
 
-  const invalidateCache = useCallback(() => {
+
+  useEffect(() => {
+    function invalidateCache() {
       const TWO_MINUTES = 2 * 60 * 1000;
       const cacheExpiresIn = TWO_MINUTES;
 
@@ -57,14 +61,13 @@ export function useMagnetData(magnet: string) {
           delete cache[key];
         }
       });
-  }, []);
+    }
 
-  useEffect(() => {
     invalidateCache();
 
     return () => {
       invalidateCache();
-    }
+    };
   }, []);
 
   return {