Merge branch 'nmezzopera-dast-profiles-immer' into 'master'

Refactor dast profile cache_utils removeProfile to immer

See merge request gitlab-org/gitlab!47298

ee/app/assets/javascripts/security_configuration/dast_profiles/graphql/cache_utils.js

+import { produce } from 'immer';
 /**
  * Appends paginated results to existing ones
  * - to be used with $apollo.queries.x.fetchMore
@@ -24,10 +25,15 @@ export const appendToPreviousResult = profileType => (previousResult, { fetchMor
  * @param queryBody
  */
 export const removeProfile = ({ profileId, profileType, store, queryBody }) => {
-  const data = store.readQuery(queryBody);
+  const sourceData = store.readQuery(queryBody);
 
-  data.project[profileType].edges = data.project[profileType].edges.filter(({ node }) => {
-    return node.id !== profileId;
+  const data = produce(sourceData, draftState => {
+    // eslint-disable-next-line no-param-reassign
+    draftState.project[profileType].edges = draftState.project[profileType].edges.filter(
+      ({ node }) => {
+        return node.id !== profileId;
+      },
+    );
   });
 
   store.writeQuery({ ...queryBody, data });

ee/app/assets/javascripts/security_configuration/dast_profiles/graphql/provider.js

@@ -5,5 +5,10 @@ import createDefaultClient from '~/lib/graphql';
 Vue.use(VueApollo);
 
 export default new VueApollo({
-  defaultClient: createDefaultClient(),
+  defaultClient: createDefaultClient(
+    {},
+    {
+      assumeImmutableResults: true,
+    },
+  ),
 });