Merge pull request #55 from NLnetLabs/updates-2024-2

Updates in dev dependencies

Author: marlonbaeten

README.md

@@ -45,7 +45,7 @@ yarn lint
 ## Formatting
 
 ```sh
-npx format
+yarn format
 ```
 
 ## Unit tests

package.json

@@ -15,13 +15,13 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@testing-library/react-hooks": "^3.2.1",
+    "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^29.5.11",
     "@types/node": "^20.10.5",
     "@types/react": "^18.2.45",
     "@types/react-dom": "^18.2.18",
-    "@typescript-eslint/eslint-plugin": "^6.15.0",
-    "@typescript-eslint/parser": "^6.15.0",
+    "@typescript-eslint/eslint-plugin": "^7.0.1",
+    "@typescript-eslint/parser": "^7.0.1",
     "@vitejs/plugin-react": "^4.2.1",
     "eslint": "^8.56.0",
     "eslint-plugin-react": "^7.33.2",

src/hooks/useRelatedPrefixes.ts

@@ -24,8 +24,9 @@ export default function useRelatedPrefixes({
   const items = relations?.find((r) => r.type == type);
   const include = params.include?.split(',') || [];
   const show = include.includes(param);
-  const rir = items?.members[0]?.meta.find((r) => r.sourceType === 'rir-alloc')
-    ?.sourceID;
+  const rir = items?.members[0]?.meta.find(
+    (r) => r.sourceType === 'rir-alloc'
+  )?.sourceID;
   const toggle = show
     ? include.filter((p) => p !== param)
     : [...include, param];

src/hooks/useSearch.test.ts

@@ -37,7 +37,7 @@ function fetchMock(url: string): Promise<Response> {
           return null;
         },
       } as Response);
-    }, Math.random() * 100),
+    }, Math.random() * 100)
   );
 }
 
@@ -77,7 +77,7 @@ it('useSearch hook runs correctly', async () => {
 
   if (result.current.validationResults) {
     expect(
-      result.current.validationResults[0].validated_route.route.origin_asn,
+      result.current.validationResults[0].validated_route.route.origin_asn
     ).toEqual('AS15169');
   }
 
@@ -95,7 +95,7 @@ it('useSearch hook runs correctly', async () => {
 
   expect(result.current.validatePrefix).toEqual(false);
   expect(result.current.notification?.message).toEqual(
-    'Please enter a valid ASN or enable validating for an ASN found in BGP',
+    'Please enter a valid ASN or enable validating for an ASN found in BGP'
   );
 });
 
@@ -140,10 +140,10 @@ it('BGP based ASN fill works after manual change', async () => {
   expect(result.current.validatePrefix).toEqual(false);
   if (!result.current.validationResults) return;
   expect(
-    result.current.validationResults[0].validated_route.validity.state,
+    result.current.validationResults[0].validated_route.validity.state
   ).toEqual('invalid');
   expect(
-    result.current.validationResults[0].validated_route.validity.reason,
+    result.current.validationResults[0].validated_route.validity.reason
   ).toEqual('as');
 
   act(() => {
@@ -157,7 +157,7 @@ it('BGP based ASN fill works after manual change', async () => {
   expect(result.current.validatePrefix).toEqual(true);
   if (!result.current.validationResults) return;
   expect(
-    result.current.validationResults[0].validated_route.validity.state,
+    result.current.validationResults[0].validated_route.validity.state
   ).toEqual('valid');
 });
 
@@ -182,7 +182,7 @@ it('Automatically infer prefix length', async () => {
 
   expect(result.current.prefix).toEqual(prefix);
   expect(result.current.notification?.message).toEqual(
-    'The prefix length was automatically inferred',
+    'The prefix length was automatically inferred'
   );
   expect(result.current.notification?.level).toEqual('success');
 });
@@ -230,6 +230,6 @@ it('show error on invalid prefix', () => {
   });
   expect(result.current.notification?.level).toEqual('error');
   expect(result.current.notification?.message).toEqual(
-    'Please enter a valid prefix',
+    'Please enter a valid prefix'
   );
 });