fix bug causing 100% cpu (#1157)

* fix bug causing 100% cpu

* fix lint errors

src/components/vulnerability-details/index.tsx

@@ -1,5 +1,5 @@
 import { Accordion } from '@equinor/eds-core-react';
-import { type FunctionComponent, useEffect, useState } from 'react';
+import type { FunctionComponent } from 'react';
 
 import type { Vulnerability } from '../../store/scan-api';
 import {
@@ -22,32 +22,16 @@ const severityOrder: Record<string, number> = {
   low: 4,
 };
 
-function useGroupVulnerabilities(
-  vulnerabilities: Array<Vulnerability>
-): Record<string, Array<Vulnerability>> {
-  const [groupedList, setGroupedList] = useState<
-    Record<string, Array<Vulnerability>>
-  >({});
-
-  useEffect(() => {
-    const list = dataSorter(vulnerabilities, [
-      (a, b) => sortCompareNumber(a.cvss, b.cvss, 'descending'),
-    ]).reduce<Record<string, Array<Vulnerability>>>((obj, x) => {
-      const key = x.severity.toLowerCase();
-      (obj[key] = obj[key] ?? []).push(x);
-      return obj;
-    }, {});
-
-    setGroupedList(list);
-  }, [vulnerabilities]);
-
-  return groupedList;
-}
-
 export const VulnerabilityDetails: FunctionComponent<
   VulnerabilityDetailsProps
 > = ({ vulnerabilities, direction = 'ascending' }) => {
-  const groupedList = useGroupVulnerabilities(vulnerabilities ?? []);
+  const groupedList = dataSorter(vulnerabilities, [
+    (a, b) => sortCompareNumber(a.cvss, b.cvss, 'descending'),
+  ]).reduce<Record<string, Array<Vulnerability>>>((obj, x) => {
+    const key = x.severity.toLowerCase();
+    (obj[key] = obj[key] ?? []).push(x);
+    return obj;
+  }, {});
   const keys = Object.keys(groupedList);
 
   return keys.length > 0 ? (