Bump mobx from 6.3.7 to 6.5.0 (#5038)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Sebastian Malton <sebastian@malton.name>

src/common/user-store/user-store.ts

@@ -169,11 +169,9 @@ export class UserStore extends BaseStore<UserStoreModel> /* implements UserStore
       const curVal = this[key];
       const newVal = fromStore((preferences)?.[key] as never) as never;
 
-      if (
-        isObservableArray(curVal)
-        || isObservableSet(curVal)
-        || isObservableMap(curVal)
-      ) {
+      if (isObservableArray(curVal)) {
+        curVal.replace(newVal);
+      } else if (isObservableSet(curVal) || isObservableMap(curVal)) {
         curVal.replace(newVal);
       } else {
         this[key] = newVal;

src/common/utils/tuple.ts

@@ -42,3 +42,10 @@ export function* zip<T, N extends number>(...sources: Tuple<T[], N>): Iterator<T
 export function filled<T, L extends number>(length: L, value: T): Tuple<T, L> {
   return array.filled(length, value) as Tuple<T, L>;
 }
+
+/**
+ * A function for converting an explicit array to a tuple but without the `readonly` typing
+ */
+export function from<T extends any[]>(...args: T): [...T] {
+  return args;
+}

src/renderer/components/+preferences/kubeconfig-syncs.tsx

@@ -11,7 +11,7 @@ import { Notice } from "../+extensions/notice";
 import { KubeconfigSyncEntry, KubeconfigSyncValue, UserStore } from "../../../common/user-store";
 import { isWindows } from "../../../common/vars";
 import logger from "../../../main/logger";
-import { iter } from "../../utils";
+import { iter, tuple } from "../../utils";
 import { SubTitle } from "../layout/sub-title";
 import { PathPicker } from "../path-picker/path-picker";
 import { Spinner } from "../spinner";
@@ -79,9 +79,12 @@ export class KubeconfigSyncs extends React.Component {
     this.loaded = true;
 
     disposeOnUnmount(this, [
-      reaction(() => Array.from(this.syncs.entries(), ([filePath, { data }]) => [filePath, data]), syncs => {
-        UserStore.getInstance().syncKubeconfigEntries.replace(syncs);
-      }),
+      reaction(
+        () => Array.from(this.syncs.entries(), ([filePath, { data }]) => tuple.from(filePath, data)),
+        syncs => {
+          UserStore.getInstance().syncKubeconfigEntries.replace(syncs);
+        },
+      ),
     ]);
   }