apply tim's suggestion

Author: 5byuri

src/components/AffectedComponent.tsx

@@ -6,7 +6,7 @@ import {
   PURLInspectResponse,
   VulnInPackage,
 } from "@/types/api/api";
-import { FunctionComponent, useMemo, useState } from "react";
+import { FunctionComponent, useEffect, useMemo, useState } from "react";
 import EcosystemImage from "./common/EcosystemImage";
 import { beautifyPurl, extractVersion } from "@/utils/common";
 import { Badge } from "./ui/badge";
@@ -45,7 +45,7 @@ const AffectedComponentDetails: FunctionComponent<{
     revalidateOnReconnect: false,
   });
 
-  useSWR(data ? `matched-cve-${vuln.cveID}` : null, () => {
+  useEffect(() => {
     if (data) {
       const matchedCVE = data.vulns.find(
         (vulnInPkg) => vuln.cveID === vulnInPkg.CVEID,
@@ -54,8 +54,7 @@ const AffectedComponentDetails: FunctionComponent<{
         setActiveCVE(matchedCVE);
       }
     }
-    return null;
-  });
+  }, [data, vuln.cveID]);
 
   if (isLoading) {
     return (

src/components/DependencyGraph.tsx

@@ -135,8 +135,8 @@ const DependencyGraph: FunctionComponent<{
 
   // Compute direct dependencies with available patches
   const directDepsWithPatchesRef = useRef<Set<string>>(new Set());
-  useMemo(() => {
-    directDepsWithPatchesRef.current.clear();
+  directDepsWithPatchesRef.current = useMemo(() => {
+    const deps = new Set<string>();
     vulns.forEach((vuln) => {
       // Check if this is a DetailedDependencyVulnDTO with directDependencyFixedVersion
       const detailedVuln = vuln as any;
@@ -146,9 +146,10 @@ const DependencyGraph: FunctionComponent<{
         detailedVuln.vulnerabilityPath.length > 0
       ) {
         // The direct dependency is the first element in the path
-        directDepsWithPatchesRef.current.add(detailedVuln.vulnerabilityPath[0]);
+        deps.add(detailedVuln.vulnerabilityPath[0]);
       }
     });
+    return deps;
   }, [vulns]);
 
   if (childCountMapRef.current.size === 0) {

src/components/Quickfix.tsx

@@ -97,9 +97,6 @@ function renderQuickFixText(
 const Quickfix: FunctionComponent<{ vuln: DetailedDependencyVulnDTO }> = ({
   vuln,
 }) => {
-  //   console.log("Quickfix component received vuln:", vuln);
-  console.log(vuln.vulnerabilityPath[0]);
-
   const componentPurl = vuln.componentPurl;
   const directDependencyFixedVersion =
     vuln.directDependencyFixedVersion ?? undefined;