fix eslint and workflow

.github/workflows/is-compatible.yml

@@ -5,15 +5,17 @@ jobs:
   compatibilitycheck:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Setup Node.js environment
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: '20'
-          cache: 'npm'
+          check-latest: true
+          cache: yarn
+          cache-dependency-path: yarn.lock
       - name: Install dependencies
-        run: npm ci
+        run: yarn install --immutable
       - name: Build plugin
-        run: npm run build
+        run: yarn build
       - name: Compatibility check
         run: npx @grafana/levitate@latest is-compatible --path src/module.ts --target @grafana/data,@grafana/ui,@grafana/runtime

package.json

@@ -36,20 +36,21 @@
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "12.1.4",
     "@types/d3": "^7.4.3",
+    "@types/eslint": "^8",
     "@types/jest": "^29.5.8",
     "@types/lodash": "^4.14.201",
     "@types/node": "^20.12.5",
     "@types/react": "17.0.14",
     "@types/react-dom": "17.0.14",
-    "@typescript-eslint/eslint-plugin": "5.25.0",
-    "@typescript-eslint/parser": "5.25.0",
+    "@typescript-eslint/eslint-plugin": "^7.3.1",
+    "@typescript-eslint/parser": "^7.0.0",
     "copy-webpack-plugin": "^11.0.0",
     "css-loader": "^6.8.1",
     "emotion": "11.0.0",
-    "eslint": "^8.53.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-deprecation": "^2.0.0",
     "eslint-plugin-jsdoc": "^46.9.0",
-    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-webpack-plugin": "^4.0.1",
     "fork-ts-checker-webpack-plugin": "^9.0.0",
@@ -63,9 +64,9 @@
     "sass-loader": "13.3.2",
     "style-loader": "3.3.3",
     "swc-loader": "^0.2.3",
-    "ts-node": "^10.9.1",
+    "ts-node": "^10.9.2",
     "tsconfig-paths": "^4.2.0",
-    "typescript": "4.6.4",
+    "typescript": "5.2.2",
     "webpack": "^5.89.0",
     "webpack-cli": "^5.1.4",
     "webpack-livereload-plugin": "^3.0.2"

src/module.ts

@@ -52,7 +52,7 @@ const flowChartKeys: PanelProperty[] = [
   },
 ];
 
-const statSelectOptions: SelectableValue<ValueType>[] = [
+const statSelectOptions: Array<SelectableValue<ValueType>> = [
   { label: 'mean', value: 'mean', description: 'Use the mean value of all datapoints' },
   { label: 'min', value: 'min', description: 'Use the minimum datapoint value' },
   { label: 'max', value: 'max', description: 'Use the maximum datapoint value' },