Upgrade react-ace to latest (9.4.4) to fix issue with editing query a…

…fter execution

package.json

@@ -90,6 +90,7 @@
   },
   "dependencies": {
     "@babel/core": "^7.14.3",
+    "ace-builds": "^1.4.13",
     "axios": "^0.21.1",
     "bunyan": "^1.8.5",
     "connection-string": "^4.3.4",
@@ -135,7 +136,6 @@
     "@typescript-eslint/parser": "^4.16.1",
     "autoprefixer": "^10.2.5",
     "babel-loader": "^8.2.2",
-    "brace": "^0.11.0",
     "breakpoint-sass": "^2.6.1",
     "chai": "^4.3.0",
     "classnames": "^2.2.5",
@@ -184,7 +184,7 @@
     "prettier": "^2.2.1",
     "prop-types": "^15.7.2",
     "react": "^16.14.0",
-    "react-ace": "^7.0.5",
+    "react-ace": "^9.4.4",
     "react-dom": "^16.14.0",
     "react-draggable": "^3.3.2",
     "react-redux": "^7.2.4",

src/renderer/components/query.jsx

@@ -3,11 +3,11 @@ import PropTypes from 'prop-types';
 import debounce from 'lodash.debounce';
 import { format } from 'sql-formatter';
 import AceEditor from 'react-ace';
-import ace from 'brace';
-import 'brace/mode/sql';
-import 'brace/theme/github';
-import 'brace/ext/language_tools';
-import 'brace/ext/searchbox';
+import ace from 'ace-builds';
+import 'ace-builds/src-noconflict/mode-sql';
+import 'ace-builds/src-noconflict/theme-github';
+import 'ace-builds/src-noconflict/ext-language_tools';
+import 'ace-builds/src-noconflict/ext-searchbox';
 import { ResizableBox } from 'react-resizable';
 import CheckBox from './checkbox';
 import QueryResult from './query-result';