diff --git a/addons/actions/package.json b/addons/actions/package.json
index ae9b94f88a7..5341ad2311b 100644
--- a/addons/actions/package.json
+++ b/addons/actions/package.json
@@ -43,7 +43,7 @@
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
     "@storybook/theming": "7.0.0-alpha.11",
     "core-js": "^3.8.2",
-    "fast-deep-equal": "^3.1.3",
+    "dequal": "^2.0.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
     "polished": "^4.2.2",
diff --git a/addons/actions/src/containers/ActionLogger/index.tsx b/addons/actions/src/containers/ActionLogger/index.tsx
index e1f45154d9a..8a9752ab9fe 100644
--- a/addons/actions/src/containers/ActionLogger/index.tsx
+++ b/addons/actions/src/containers/ActionLogger/index.tsx
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import deepEqual from 'fast-deep-equal';
+import { dequal as deepEqual } from 'dequal';
 
 import type { API } from '@storybook/api';
 import { STORY_CHANGED } from '@storybook/core-events';
diff --git a/addons/docs/package.json b/addons/docs/package.json
index 1788a19bfaf..cbda291e42d 100644
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@@ -71,7 +71,7 @@
     "@storybook/theming": "7.0.0-alpha.11",
     "babel-loader": "^8.2.5",
     "core-js": "^3.8.2",
-    "fast-deep-equal": "^3.1.3",
+    "dequal": "^2.0.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
     "remark-external-links": "^8.0.0",
diff --git a/examples/web-components-kitchen-sink/yarn.lock b/examples/web-components-kitchen-sink/yarn.lock
index f5d9a7ac02e..2629d81cca4 100644
--- a/examples/web-components-kitchen-sink/yarn.lock
+++ b/examples/web-components-kitchen-sink/yarn.lock
@@ -2,7 +2,7 @@
 # Manual changes might be lost - proceed with caution!
 
 __metadata:
-  version: 5
+  version: 6
   cacheKey: 8c0
 
 "@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.14.5":
@@ -5099,7 +5099,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "storybook@portal:../../lib/cli-storybook::locator=web-components-kitchen-sink%40workspace%3A."
   dependencies:
-    "@storybook/cli": 7.0.0-alpha.2
+    "@storybook/cli": 7.0.0-alpha.11
   bin:
     sb: ./index.js
     storybook: ./index.js
@@ -5421,11 +5421,11 @@ __metadata:
 
 "typescript@patch:typescript@npm%3A~4.6.3#~builtin<compat/typescript>":
   version: 4.6.4
-  resolution: "typescript@patch:typescript@npm%3A4.6.4#~builtin<compat/typescript>::version=4.6.4&hash=493e53"
+  resolution: "typescript@patch:typescript@npm%3A4.6.4#~builtin<compat/typescript>::version=4.6.4&hash=7ad353"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 13f33e44d13184c881a9b5b9617a00016e872c8ece1e58ae25322dfccb2af9dd624d86186c0f0a82417b4888c56bb5945fa0b1112c0edd98c3b1b9649f56ffb0
+  checksum: 0e3fa814d454942a689daf4c00f82328d323e7ecd4077e3265d45375e64642611631f4c882a71be87774468ba03793e9b8ff4bccfac3018194a9e36d8f72c251
   languageName: node
   linkType: hard
 
diff --git a/lib/api/package.json b/lib/api/package.json
index cf702e04541..e69fc10645f 100644
--- a/lib/api/package.json
+++ b/lib/api/package.json
@@ -40,7 +40,7 @@
     "@storybook/semver": "^7.3.2",
     "@storybook/theming": "7.0.0-alpha.11",
     "core-js": "^3.8.2",
-    "fast-deep-equal": "^3.1.3",
+    "dequal": "^2.0.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
     "memoizerific": "^1.11.3",
diff --git a/lib/api/src/modules/globals.ts b/lib/api/src/modules/globals.ts
index bc91a0f98ef..db9cfd5ea14 100644
--- a/lib/api/src/modules/globals.ts
+++ b/lib/api/src/modules/globals.ts
@@ -1,6 +1,6 @@
 import { SET_GLOBALS, UPDATE_GLOBALS, GLOBALS_UPDATED } from '@storybook/core-events';
 import { logger } from '@storybook/client-logger';
-import deepEqual from 'fast-deep-equal';
+import { dequal as deepEqual } from 'dequal';
 import type { Globals, GlobalTypes } from '@storybook/csf';
 
 import type { ModuleFn } from '../index';
diff --git a/lib/api/src/modules/layout.ts b/lib/api/src/modules/layout.ts
index 548448d8109..c0e3c53d9b6 100644
--- a/lib/api/src/modules/layout.ts
+++ b/lib/api/src/modules/layout.ts
@@ -1,6 +1,6 @@
 import global from 'global';
 import pick from 'lodash/pick';
-import deepEqual from 'fast-deep-equal';
+import { dequal as deepEqual } from 'dequal';
 import { create } from '@storybook/theming';
 import { SET_CONFIG } from '@storybook/core-events';
 import type { ThemeVars } from '@storybook/theming';
diff --git a/lib/api/src/modules/url.ts b/lib/api/src/modules/url.ts
index 49ecc8097e9..db6d0fdcaf4 100644
--- a/lib/api/src/modules/url.ts
+++ b/lib/api/src/modules/url.ts
@@ -9,7 +9,7 @@ import {
 import type { NavigateOptions } from '@storybook/router';
 import { queryFromLocation, buildArgsParam } from '@storybook/router';
 import { toId, sanitize } from '@storybook/csf';
-import deepEqual from 'fast-deep-equal';
+import { dequal as deepEqual } from 'dequal';
 import global from 'global';
 import { dedent } from 'ts-dedent';
 
diff --git a/lib/blocks/package.json b/lib/blocks/package.json
index d790fd193cf..11ce587146a 100644
--- a/lib/blocks/package.json
+++ b/lib/blocks/package.json
@@ -54,7 +54,7 @@
     "@storybook/theming": "7.0.0-alpha.11",
     "color-convert": "^2.0.1",
     "core-js": "^3.8.2",
-    "fast-deep-equal": "^3.1.3",
+    "dequal": "^2.0.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
     "markdown-to-jsx": "^7.1.3",
diff --git a/lib/blocks/src/blocks/SourceContainer.tsx b/lib/blocks/src/blocks/SourceContainer.tsx
index 974a52f9e7a..bb5a5bd0639 100644
--- a/lib/blocks/src/blocks/SourceContainer.tsx
+++ b/lib/blocks/src/blocks/SourceContainer.tsx
@@ -1,6 +1,6 @@
 import React, { FC, Context, createContext, useEffect, useState } from 'react';
 
-import deepEqual from 'fast-deep-equal';
+import { dequal as deepEqual } from 'dequal';
 import { addons } from '@storybook/addons';
 
 import { SNIPPET_RENDERED } from '@storybook/docs-tools';
diff --git a/lib/client-api/package.json b/lib/client-api/package.json
index ead3dd0cc84..90d86cc0b26 100644
--- a/lib/client-api/package.json
+++ b/lib/client-api/package.json
@@ -44,7 +44,7 @@
     "@types/qs": "^6.9.5",
     "@types/webpack-env": "^1.16.4",
     "core-js": "^3.8.2",
-    "fast-deep-equal": "^3.1.3",
+    "dequal": "^2.0.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
     "memoizerific": "^1.11.3",
diff --git a/lib/components/package.json b/lib/components/package.json
index 04199543622..6acc0b2b24c 100644
--- a/lib/components/package.json
+++ b/lib/components/package.json
@@ -67,7 +67,7 @@
     "@types/react-syntax-highlighter": "11.0.5",
     "color-convert": "^2.0.1",
     "css": "^3.0.0",
-    "fast-deep-equal": "^3.1.3",
+    "dequal": "^2.0.2",
     "global": "^4.4.0",
     "jest": "^26.6.3",
     "lodash": "^4.17.21",
diff --git a/lib/router/package.json b/lib/router/package.json
index 4203c38183a..8ba2ec31ead 100644
--- a/lib/router/package.json
+++ b/lib/router/package.json
@@ -40,7 +40,7 @@
     "qs": "^6.10.0"
   },
   "devDependencies": {
-    "fast-deep-equal": "^3.1.3",
+    "dequal": "^2.0.2",
     "global": "^4.4.0",
     "history": "5.0.0",
     "lodash": "^4.17.21",
diff --git a/lib/router/src/utils.ts b/lib/router/src/utils.ts
index fc66474cb97..d5d4c04417c 100644
--- a/lib/router/src/utils.ts
+++ b/lib/router/src/utils.ts
@@ -1,5 +1,5 @@
 import { once } from '@storybook/client-logger';
-import deepEqual from 'fast-deep-equal';
+import { dequal as deepEqual } from 'dequal';
 import isPlainObject from 'lodash/isPlainObject';
 import memoize from 'memoizerific';
 import qs, { IStringifyOptions } from 'qs';
diff --git a/lib/store/package.json b/lib/store/package.json
index 9c7956723a1..ef080b4b17c 100644
--- a/lib/store/package.json
+++ b/lib/store/package.json
@@ -46,7 +46,7 @@
     "@storybook/core-events": "7.0.0-alpha.11",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
     "core-js": "^3.8.2",
-    "fast-deep-equal": "^3.1.3",
+    "dequal": "^2.0.2",
     "global": "^4.4.0",
     "lodash": "^4.17.21",
     "memoizerific": "^1.11.3",
diff --git a/lib/store/src/args.ts b/lib/store/src/args.ts
index 034945ae8f3..ddcc41baeec 100644
--- a/lib/store/src/args.ts
+++ b/lib/store/src/args.ts
@@ -1,4 +1,4 @@
-import deepEqual from 'fast-deep-equal';
+import { dequal as deepEqual } from 'dequal';
 import type { SBType, Args, InputType, ArgTypes, StoryContext, AnyFramework } from '@storybook/csf';
 import { once } from '@storybook/client-logger';
 import isPlainObject from 'lodash/isPlainObject';
diff --git a/yarn.lock b/yarn.lock
index 05a3831eba0..1aa877bf138 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6984,7 +6984,7 @@ __metadata:
     "@storybook/theming": 7.0.0-alpha.11
     "@types/lodash": ^4.14.167
     core-js: ^3.8.2
-    fast-deep-equal: ^3.1.3
+    dequal: ^2.0.2
     global: ^4.4.0
     lodash: ^4.17.21
     polished: ^4.2.2
@@ -7091,7 +7091,7 @@ __metadata:
     "@types/util-deprecate": ^1.0.0
     babel-loader: ^8.2.5
     core-js: ^3.8.2
-    fast-deep-equal: ^3.1.3
+    dequal: ^2.0.2
     global: ^4.4.0
     lodash: ^4.17.21
     remark-external-links: ^8.0.0
@@ -7701,7 +7701,7 @@ __metadata:
     "@types/qs": ^6
     "@types/semver": ^7.3.4
     core-js: ^3.8.2
-    fast-deep-equal: ^3.1.3
+    dequal: ^2.0.2
     flush-promises: ^1.0.2
     global: ^4.4.0
     lodash: ^4.17.21
@@ -7828,7 +7828,7 @@ __metadata:
     "@storybook/theming": 7.0.0-alpha.11
     color-convert: ^2.0.1
     core-js: ^3.8.2
-    fast-deep-equal: ^3.1.3
+    dequal: ^2.0.2
     global: ^4.4.0
     lodash: ^4.17.21
     markdown-to-jsx: ^7.1.3
@@ -8062,7 +8062,7 @@ __metadata:
     "@types/qs": ^6.9.5
     "@types/webpack-env": ^1.16.4
     core-js: ^3.8.2
-    fast-deep-equal: ^3.1.3
+    dequal: ^2.0.2
     global: ^4.4.0
     lodash: ^4.17.21
     memoizerific: ^1.11.3
@@ -8155,7 +8155,7 @@ __metadata:
     color-convert: ^2.0.1
     core-js: ^3.8.2
     css: ^3.0.0
-    fast-deep-equal: ^3.1.3
+    dequal: ^2.0.2
     global: ^4.4.0
     jest: ^26.6.3
     lodash: ^4.17.21
@@ -9509,7 +9509,7 @@ __metadata:
   dependencies:
     "@storybook/client-logger": 7.0.0-alpha.11
     core-js: ^3.8.2
-    fast-deep-equal: ^3.1.3
+    dequal: ^2.0.2
     global: ^4.4.0
     history: 5.0.0
     lodash: ^4.17.21
@@ -9654,7 +9654,7 @@ __metadata:
     "@storybook/core-events": 7.0.0-alpha.11
     "@storybook/csf": 0.0.2--canary.4566f4d.1
     core-js: ^3.8.2
-    fast-deep-equal: ^3.1.3
+    dequal: ^2.0.2
     global: ^4.4.0
     lodash: ^4.17.21
     memoizerific: ^1.11.3
@@ -19275,7 +19275,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dequal@npm:^2.0.0":
+"dequal@npm:^2.0.0, dequal@npm:^2.0.2":
   version: 2.0.2
   resolution: "dequal@npm:2.0.2"
   checksum: 998a2c6f5ba12ae4e8e4ca5384aadba7bcd6cef66a4830bd9e359d91132b2dff74510db830f3815ef4fddc3d4989834f1a7f66e906347bd75fa04231bf311451