add deep comparison

Author: mtrezza

package-lock.json

@@ -46,6 +46,7 @@
     "core-js": "3.41.0",
     "csurf": "1.11.0",
     "express": "4.21.2",
+    "fast-deep-equal": "3.1.3",
     "graphiql": "2.0.8",
     "graphql": "16.11.0",
     "immutable": "5.1.2",

package.json

@@ -22,6 +22,7 @@ import Toolbar from 'components/Toolbar/Toolbar.react';
 import browserStyles from 'dashboard/Data/Browser/Browser.scss';
 import { CurrentApp } from 'context/currentApp';
 import Modal from 'components/Modal/Modal.react';
+import equal from 'fast-deep-equal';
 
 @subscribeTo('Config', 'config')
 class Config extends TableView {
@@ -281,8 +282,9 @@ class Config extends TableView {
       await this.props.config.dispatch(ActionTypes.FETCH);
       const fetchedParamsAfter = this.props.config.data.get('params');
       const currentValueAfter = fetchedParamsAfter.get(name);
+      const valuesAreEqual = equal(currentValue, currentValueAfter);
 
-      if (currentValue !== currentValueAfter && !override) {
+      if (!valuesAreEqual && !override) {
         this.setState({
           confirmModalOpen: true,
           modalOpen: false,