mobx 6.2.0

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

src/renderer/components/+apps-releases/release-details.tsx

@@ -3,7 +3,7 @@ import "./release-details.scss";
 import React, { Component } from "react";
 import groupBy from "lodash/groupBy";
 import isEqual from "lodash/isEqual";
-import { observable, reaction } from "mobx";
+import { observable, reaction, toJS } from "mobx";
 import { Link } from "react-router-dom";
 import kebabCase from "lodash/kebabCase";
 import { HelmRelease, helmReleasesApi, IReleaseDetails } from "../../api/endpoints/helm-releases.api";
@@ -48,7 +48,7 @@ export class ReleaseDetails extends Component<Props> {
   );
 
   @disposeOnUnmount
-  secretWatcher = reaction(() => secretsStore.items.toJS(), () => {
+  secretWatcher = reaction(() => toJS(secretsStore.items), () => {
     if (!this.props.release) return;
     const { getReleaseSecret } = releaseStore;
     const { release } = this.props;

src/renderer/components/+apps-releases/release.store.ts

@@ -1,5 +1,5 @@
 import isEqual from "lodash/isEqual";
-import { action, IReactionDisposer, observable, reaction, when } from "mobx";
+import { action, IReactionDisposer, observable, reaction, toJS, when } from "mobx";
 import { autobind } from "../../utils";
 import { HelmRelease, helmReleasesApi, IReleaseCreatePayload, IReleaseUpdatePayload } from "../../api/endpoints/helm-releases.api";
 import { ItemStore } from "../../item.store";
@@ -21,7 +21,7 @@ export class ReleaseStore extends ItemStore<HelmRelease> {
   }
 
   watch() {
-    this.secretWatcher = reaction(() => secretsStore.items.toJS(), () => {
+    this.secretWatcher = reaction(() => toJS(secretsStore.items), () => {
       if (this.isLoading) return;
       const secrets = this.getReleaseSecrets();
       const amountChanged = secrets.length !== this.releaseSecrets.length;

src/renderer/components/+custom-resources/crd.store.ts

@@ -1,4 +1,4 @@
-import { computed, reaction } from "mobx";
+import { computed, reaction, toJS } from "mobx";
 import { KubeObjectStore } from "../../kube-object.store";
 import { autobind } from "../../utils";
 import { crdApi, CustomResourceDefinition } from "../../api/endpoints/crd.api";
@@ -12,7 +12,7 @@ function initStore(crd: CustomResourceDefinition) {
   const kind = crd.getResourceKind();
   const isNamespaced = crd.isNamespaced();
   const api = apiManager.getApi(apiBase) || new KubeApi({ apiBase, kind, isNamespaced });
-  
+
   if (!apiManager.getStore(api)) {
     apiManager.registerStore(new CRDResourceStore(api));
   }
@@ -26,7 +26,7 @@ export class CRDStore extends KubeObjectStore<CustomResourceDefinition> {
     super();
 
     // auto-init stores for crd-s
-    reaction(() => this.items.toJS(), items => items.forEach(initStore));
+    reaction(() => toJS(this.items), items => items.forEach(initStore));
   }
 
   protected sortItems(items: CustomResourceDefinition[]) {
@@ -60,7 +60,7 @@ export class CRDStore extends KubeObjectStore<CustomResourceDefinition> {
   getByObject(obj: KubeObject) {
     if (!obj) return null;
     const { kind, apiVersion } = obj;
-    
+
     return this.items.find(crd => (
       kind === crd.getResourceKind() && apiVersion === `${crd.getGroup()}/${crd.getVersion()}`
     ));