Add memo

Author: hgreebe

frontend/src/old-pages/Clusters/Actions.tsx

@@ -9,7 +9,7 @@
 // OR CONDITIONS OF ANY KIND, express or implied. See the License for the specific language governing permissions and
 // limitations under the License.
 import {ClusterStatus} from '../../types/clusters'
-import React from 'react'
+import React, {useMemo} from 'react'
 import {useNavigate} from 'react-router-dom'
 
 import {setState, useState, ssmPolicy, consoleDomain} from '../../store'
@@ -45,7 +45,10 @@ export default function Actions() {
 
   const apiVersion = useState(['app', 'version', 'full'])
   const clusterVersion = useState([...clusterPath, 'version'])
-  const versionSupported = apiVersion.includes(clusterVersion)
+  const versionSupported = useMemo(() =>
+          apiVersion.includes(clusterVersion),
+      [apiVersion, clusterVersion]
+  );
 
   const fleetStatus = useState([...clusterPath, 'computeFleetStatus'])
   const clusterStatus = useState([...clusterPath, 'clusterStatus'])
@@ -74,9 +77,9 @@ export default function Actions() {
   const isEditDisabled =
     clusterStatus === ClusterStatus.CreateInProgress ||
     clusterStatus === ClusterStatus.DeleteInProgress ||
-    clusterStatus === ClusterStatus.UpdateInProgress
-    // clusterStatus === ClusterStatus.CreateFailed ||
-    // !versionSupported
+    clusterStatus === ClusterStatus.UpdateInProgress ||
+    clusterStatus === ClusterStatus.CreateFailed ||
+    !versionSupported
   const isStartFleetDisabled = fleetStatus !== 'STOPPED'
   const isStopFleetDisabled = fleetStatus !== 'RUNNING'
   const isDeleteDisabled =