chore: update deps

.eslintrc.yml

@@ -1 +1,5 @@
-extends: '@zakodium/eslint-config/typescript-react'
+extends:
+  - zakodium/ts
+  - zakodium/react
+rules:
+  react-refresh/only-export-components: off

package.json

@@ -28,18 +28,19 @@
   },
   "homepage": "https://github.com/zakodium-oss/react-iframe-bridge#readme",
   "dependencies": {
-    "clsx": "^1.1.1",
+    "clsx": "^2.1.1",
     "iframe-bridge": "^2.0.0",
-    "immer": "^9.0.5",
-    "rest-on-couch-client": "^5.2.0"
+    "immer": "^10.1.1",
+    "rest-on-couch-client": "^5.3.1"
   },
   "devDependencies": {
-    "@types/react": "^17.0.16",
-    "@types/react-dom": "^17.0.9",
-    "@zakodium/eslint-config": "^5.1.1",
-    "eslint": "^8.14.0",
-    "prettier": "^2.3.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "eslint": "^8.57.0",
+    "eslint-config-zakodium": "^9.0.1",
+    "prettier": "^3.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.4.5"
   }
 }

src/components/home/HomeIframe.tsx

@@ -1,5 +1,5 @@
 // https://github.com/import-js/eslint-plugin-import/issues/1810
-/* eslint-disable import/no-unresolved  */
+
 import { registerHandler, postMessage } from 'iframe-bridge/main';
 import { useEffect, useState } from 'react';
 

src/components/home/HomeSamples.tsx

@@ -20,7 +20,7 @@ export default function HomeSamples() {
   );
 }
 
-function SampleToc(props: { samples: RocQueryResult<TocEntry>[] }) {
+function SampleToc(props: { samples: Array<RocQueryResult<TocEntry>> }) {
   const { selectedSample } = useHomeContext();
   const dispatch = useHomeDispatchContext();
   function selectSample(id: string) {

src/contexts/iframeBridge.tsx

@@ -1,6 +1,6 @@
 // https://github.com/import-js/eslint-plugin-import/issues/1810
-/* eslint-disable import/no-unresolved */
-import { ready, onMessage } from 'iframe-bridge/iframe';
+
+import { onMessage, ready } from 'iframe-bridge/iframe';
 import { produce } from 'immer';
 import {
   createContext,
@@ -182,7 +182,7 @@ export function IframeBridgeProvider(props: {
   }, [props.allowStandalone, state.state]);
 
   useEffect(() => {
-    if (!state.roc || !state.data || !state.data.uuid) return;
+    if (!state.roc || !state.data?.uuid) return;
     let cancelled = false;
     const document = state.roc.getDocument<SampleEntryContent, SampleEntryId>(
       state.data.uuid,
@@ -194,7 +194,7 @@ export function IframeBridgeProvider(props: {
           dispatch({ type: 'SET_SAMPLE', payload: document });
         }
       })
-      .catch((error) => {
+      .catch((error: unknown) => {
         // TODO: handle error
         // eslint-disable-next-line no-console
         console.error(error);

src/hooks/useRocQuery.ts

@@ -8,13 +8,13 @@ export type RocQueryResult<T> = IQueryResult<[string, string], T>;
 interface RocQueryState<T = unknown> {
   loading: boolean;
   error: null | Error;
-  result: null | RocQueryResult<T>[];
+  result: null | Array<RocQueryResult<T>>;
 }
 
 type RocQueryHookResult<T> = RocQueryState<T>;
 
 type RocQueryAction<T> =
-  | { type: 'SET_RESULT'; value: RocQueryResult<T>[] }
+  | { type: 'SET_RESULT'; value: Array<RocQueryResult<T>> }
   | { type: 'ERROR'; value: Error }
   | { type: 'LOAD' };
 
@@ -65,8 +65,8 @@ export function useRocQuery<T = unknown>(
     query
       .fetch()
       .then((result) => dispatch({ type: 'SET_RESULT', value: result }))
-      .catch((err) => {
-        dispatch({ type: 'ERROR', value: err });
+      .catch((err: unknown) => {
+        dispatch({ type: 'ERROR', value: err as Error });
       });
   }, [roc, viewName, mine]);
 

src/types/db.ts

@@ -55,7 +55,7 @@ export interface SampleEntryContent {
     cas: Array<{ value: string }>;
   };
   spectra: {
-    nmr: Array<SampleEntrySpectraNmr>;
+    nmr: SampleEntrySpectraNmr[];
   };
 }