diff --git a/package.json b/package.json
index e85bcbd6be5..6f816430f8c 100644
--- a/package.json
+++ b/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",
diff --git a/public/app/features/alerting/unified/components/rule-editor/AnnotationsField.tsx b/public/app/features/alerting/unified/components/rule-editor/AnnotationsField.tsx
index 3c5bf22ef95..fead5d2dc60 100644
--- a/public/app/features/alerting/unified/components/rule-editor/AnnotationsField.tsx
+++ b/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';
diff --git a/public/app/features/alerting/unified/components/rule-viewer/RuleViewer.v1.tsx b/public/app/features/alerting/unified/components/rule-viewer/RuleViewer.v1.tsx
index 252422d0bd8..12584fb07a1 100644
--- a/public/app/features/alerting/unified/components/rule-viewer/RuleViewer.v1.tsx
+++ b/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';
 
diff --git a/public/app/features/alerting/unified/hooks/useFilteredRules.ts b/public/app/features/alerting/unified/hooks/useFilteredRules.ts
index 228eea3dc78..c336d065fc6 100644
--- a/public/app/features/alerting/unified/hooks/useFilteredRules.ts
+++ b/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';
 
diff --git a/public/app/features/alerting/unified/mocks.ts b/public/app/features/alerting/unified/mocks.ts
index 33d01764c7c..e3eac047bb1 100644
--- a/public/app/features/alerting/unified/mocks.ts
+++ b/public/app/features/alerting/unified/mocks.ts
@@ -1,4 +1,4 @@
-import produce from 'immer';
+import { produce } from 'immer';
 
 import {
   DataSourceApi,
diff --git a/public/app/features/explore/Graph/exploreGraphStyleUtils.ts b/public/app/features/explore/Graph/exploreGraphStyleUtils.ts
index fc121229a76..ba72dc9365e 100644
--- a/public/app/features/explore/Graph/exploreGraphStyleUtils.ts
+++ b/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';
diff --git a/public/app/plugins/datasource/alertmanager/ConfigEditor.tsx b/public/app/plugins/datasource/alertmanager/ConfigEditor.tsx
index b37ee8ffa22..25eabbe62f2 100644
--- a/public/app/plugins/datasource/alertmanager/ConfigEditor.tsx
+++ b/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';
 
diff --git a/public/app/plugins/datasource/azuremonitor/components/ResourcePicker/utils.ts b/public/app/plugins/datasource/azuremonitor/components/ResourcePicker/utils.ts
index 33e02b5cef8..a4fa545477e 100644
--- a/public/app/plugins/datasource/azuremonitor/components/ResourcePicker/utils.ts
+++ b/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';
 
diff --git a/public/app/plugins/datasource/influxdb/specs/influx_series.test.ts b/public/app/plugins/datasource/influxdb/specs/influx_series.test.ts
index ade1587f87e..3c4d84f6cb9 100644
--- a/public/app/plugins/datasource/influxdb/specs/influx_series.test.ts
+++ b/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';
 
diff --git a/yarn.lock b/yarn.lock
index 8996ad49e07..25b8ecf41b5 100644
--- a/yarn.lock
+++ b/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