From f3b5872a1e467e4d5e2aab9d67c1a56a06f02675 Mon Sep 17 00:00:00 2001
From: Maina Wycliffe <wmmaina7@gmail.com>
Date: Wed, 18 Sep 2024 11:05:58 +0300
Subject: [PATCH] chore: update both typescript and netlify runtime

---
 package-lock.json                     | 20 ++++++++++----------
 package.json                          |  6 +++---
 src/components/SearchSelect/index.tsx | 11 ++++++++---
 3 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4a4325008..28c360b58 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,7 +6,7 @@
   "packages": {
     "": {
       "name": "@flanksource/flanksource-ui",
-      "version": "1.0.760",
+      "version": "1.0.779",
       "dependencies": {
         "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
         "@clerk/nextjs": "^5.3.0",
@@ -17,7 +17,7 @@
         "@heroicons/react": "^1.0.3",
         "@hookform/resolvers": "^2.8.8",
         "@monaco-editor/react": "^4.6.0",
-        "@netlify/plugin-nextjs": "^5.1.2",
+        "@netlify/plugin-nextjs": "^5.7.1",
         "@next/bundle-analyzer": "^14.2.5",
         "@ory/client": "^1.2.11",
         "@ory/integrations": "^1.1.5",
@@ -95,7 +95,7 @@
         "timeago.js": "^4.0.2",
         "tsconfig-paths-webpack-plugin": "^4.1.0",
         "type-fest": "^4.8.2",
-        "typescript": "^4.7.2",
+        "typescript": "^5.6.2",
         "uuid": "^8.3.2",
         "web-vitals": "^2.1.4",
         "yaml": "^2.1.3",
@@ -4582,9 +4582,9 @@
       }
     },
     "node_modules/@netlify/plugin-nextjs": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/@netlify/plugin-nextjs/-/plugin-nextjs-5.1.2.tgz",
-      "integrity": "sha512-rftBlZmrkxy8zeXZ/tT2u/v2iIZd9s0cV7MdtjUFOgizjhtY0fCZEUQ7OIEQIMogzGNMDXFcb84HXX9a8OZ8/w==",
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/@netlify/plugin-nextjs/-/plugin-nextjs-5.7.1.tgz",
+      "integrity": "sha512-32e2q8VqnyxfJixMypuupuHW+3F0XbP/uGNNB79Vn1asYh/oTbR9XBi4Cxnmgthy9hycaiMHm8SftGI+uWJmQw==",
       "engines": {
         "node": ">=18.0.0"
       }
@@ -42930,15 +42930,15 @@
       }
     },
     "node_modules/typescript": {
-      "version": "4.9.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
-      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.2.tgz",
+      "integrity": "sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw==",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
       },
       "engines": {
-        "node": ">=4.2.0"
+        "node": ">=14.17"
       }
     },
     "node_modules/uglify-js": {
diff --git a/package.json b/package.json
index f45ef3fb4..9b961dd49 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
     "@heroicons/react": "^1.0.3",
     "@hookform/resolvers": "^2.8.8",
     "@monaco-editor/react": "^4.6.0",
-    "@netlify/plugin-nextjs": "^5.1.2",
+    "@netlify/plugin-nextjs": "^5.7.1",
     "@next/bundle-analyzer": "^14.2.5",
     "@ory/client": "^1.2.11",
     "@ory/integrations": "^1.1.5",
@@ -95,7 +95,7 @@
     "timeago.js": "^4.0.2",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
     "type-fest": "^4.8.2",
-    "typescript": "^4.7.2",
+    "typescript": "^5.6.2",
     "uuid": "^8.3.2",
     "web-vitals": "^2.1.4",
     "yaml": "^2.1.3",
@@ -221,4 +221,4 @@
     "workerDirectory": "public"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+}
\ No newline at end of file
diff --git a/src/components/SearchSelect/index.tsx b/src/components/SearchSelect/index.tsx
index 6c27f741b..2e1e00df0 100644
--- a/src/components/SearchSelect/index.tsx
+++ b/src/components/SearchSelect/index.tsx
@@ -1,6 +1,12 @@
 import clsx from "clsx";
-import React, { ComponentProps } from "react";
-import { ReactNode, useCallback, useEffect, useMemo, useState } from "react";
+import React, {
+  ComponentProps,
+  ReactNode,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
 import { HiOutlineSelector, HiSearch } from "react-icons/hi";
 import Select, { SingleValue } from "react-select";
 
@@ -85,7 +91,6 @@ export function SearchSelect({
           {name && (
             <span className="mr-1 whitespace-nowrap text-gray-500">{name}</span>
           )}
-          {/* @ts-expect-error */}
           <RenderSelection label={value?.label!} value={value?.value!} />
           <span className="pointer-events-none absolute inset-y-0 right-0 flex items-center text-gray-400">
             <HiOutlineSelector size={24} />