Update dependency immer to v10 (#71583)

* Update dependency immer to v10

* use named export now that the default has been removed

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>

package.json

@@ -337,7 +337,7 @@
     "history": "4.10.1",
     "hoist-non-react-statics": "3.3.2",
     "i18next": "^22.0.0",
-    "immer": "9.0.19",
+    "immer": "10.0.2",
     "immutable": "4.3.0",
     "jquery": "3.7.0",
     "js-yaml": "^4.1.0",

public/app/features/alerting/unified/components/rule-editor/AnnotationsField.tsx

@@ -1,5 +1,5 @@
 import { css, cx } from '@emotion/css';
-import produce from 'immer';
+import { produce } from 'immer';
 import React, { useEffect, useState } from 'react';
 import { useFieldArray, useFormContext } from 'react-hook-form';
 import { useToggle } from 'react-use';

public/app/features/alerting/unified/components/rule-viewer/RuleViewer.v1.tsx

@@ -1,5 +1,5 @@
 import { css } from '@emotion/css';
-import produce from 'immer';
+import { produce } from 'immer';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useObservable, useToggle } from 'react-use';
 

public/app/features/alerting/unified/hooks/useFilteredRules.ts

@@ -1,5 +1,5 @@
 import uFuzzy from '@leeoniya/ufuzzy';
-import produce from 'immer';
+import { produce } from 'immer';
 import { compact, isEmpty } from 'lodash';
 import { useCallback, useEffect, useMemo } from 'react';
 

public/app/features/alerting/unified/mocks.ts

@@ -1,4 +1,4 @@
-import produce from 'immer';
+import { produce } from 'immer';
 
 import {
   DataSourceApi,

public/app/features/explore/Graph/exploreGraphStyleUtils.ts

@@ -1,4 +1,4 @@
-import produce from 'immer';
+import { produce } from 'immer';
 
 import { FieldConfigSource, ThresholdsConfig } from '@grafana/data';
 import { GraphDrawStyle, GraphFieldConfig, GraphThresholdsStyleConfig, StackingMode } from '@grafana/schema';

public/app/plugins/datasource/alertmanager/ConfigEditor.tsx

@@ -1,4 +1,4 @@
-import produce from 'immer';
+import { produce } from 'immer';
 import React from 'react';
 import { Link } from 'react-router-dom';
 

public/app/plugins/datasource/azuremonitor/components/ResourcePicker/utils.ts

@@ -1,4 +1,4 @@
-import produce from 'immer';
+import { produce } from 'immer';
 
 import { getTemplateSrv } from '@grafana/runtime';
 

public/app/plugins/datasource/influxdb/specs/influx_series.test.ts

@@ -1,4 +1,4 @@
-import produce from 'immer';
+import { produce } from 'immer';
 
 import InfluxSeries from '../influx_series';
 

yarn.lock

@@ -19404,7 +19404,7 @@ __metadata:
     husky: 8.0.3
     i18next: ^22.0.0
     i18next-parser: 6.6.0
-    immer: 9.0.19
+    immer: 10.0.2
     immutable: 4.3.0
     jest: 29.3.1
     jest-canvas-mock: 2.5.2
@@ -20382,10 +20382,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"immer@npm:9.0.19":
-  version: 9.0.19
-  resolution: "immer@npm:9.0.19"
-  checksum: f02ee53989989c287cd548a3d817fccf0bfe56db919755ee94a72ea3ae78a00363fba93ee6c010fe54a664380c29c53d44ed4091c6a86cae60957ad2cfabc010
+"immer@npm:10.0.2":
+  version: 10.0.2
+  resolution: "immer@npm:10.0.2"
+  checksum: 525a3b14210d02ae420c3b9f6ca14f7e9bcf625611d1356e773e7739f14c7c8de50dac442e6c7de3a6e24a782f7b792b6b8666bc0b3f00269d21a95f8f68ca84
   languageName: node
   linkType: hard