diff --git a/addons/docs/package.json b/addons/docs/package.json
index 5f85ac495617..40673a58f1b2 100644
--- a/addons/docs/package.json
+++ b/addons/docs/package.json
@@ -134,7 +134,9 @@
     "@storybook/angular": "6.3.0-alpha.1",
     "@storybook/vue": "6.3.0-alpha.1",
     "@storybook/vue3": "6.3.0-alpha.1",
+    "@storybook/web-components": "6.3.0-alpha.1",
     "babel-loader": "^8.0.0",
+    "lit-html": "^1.3.0",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
     "svelte": "^3.31.2",
@@ -152,6 +154,12 @@
     "@storybook/vue3": {
       "optional": true
     },
+    "@storybook/web-components": {
+      "optional": true
+    },
+    "lit-html": {
+      "optional": true
+    },
     "react": {
       "optional": true
     },
diff --git a/addons/docs/src/frameworks/web-components/config.js b/addons/docs/src/frameworks/web-components/config.js
index 12e5c134d2c9..b931d4e826d2 100644
--- a/addons/docs/src/frameworks/web-components/config.js
+++ b/addons/docs/src/frameworks/web-components/config.js
@@ -1,5 +1,4 @@
 /* global window */
-/* eslint-disable import/no-extraneous-dependencies */
 import React from 'react';
 import { render } from 'lit-html';
 import { extractArgTypes, extractComponentDescription } from './custom-elements';
diff --git a/addons/docs/src/frameworks/web-components/custom-elements.ts b/addons/docs/src/frameworks/web-components/custom-elements.ts
index 432f08cab72c..b311dd0d1606 100644
--- a/addons/docs/src/frameworks/web-components/custom-elements.ts
+++ b/addons/docs/src/frameworks/web-components/custom-elements.ts
@@ -1,4 +1,3 @@
-/* eslint-disable import/no-extraneous-dependencies */
 import { getCustomElements, isValidComponent, isValidMetaData } from '@storybook/web-components';
 import { ArgTypes } from '@storybook/api';
 import { logger } from '@storybook/client-logger';
diff --git a/yarn.lock b/yarn.lock
index b9449c7b8f6a..d45170a97bce 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6002,7 +6002,9 @@ __metadata:
     "@storybook/angular": 6.3.0-alpha.1
     "@storybook/vue": 6.3.0-alpha.1
     "@storybook/vue3": 6.3.0-alpha.1
+    "@storybook/web-components": 6.3.0-alpha.1
     babel-loader: ^8.0.0
+    lit-html: ^1.3.0
     react: ^16.8.0 || ^17.0.0
     react-dom: ^16.8.0 || ^17.0.0
     svelte: ^3.31.2
@@ -6016,6 +6018,10 @@ __metadata:
       optional: true
     "@storybook/vue3":
       optional: true
+    "@storybook/web-components":
+      optional: true
+    lit-html:
+      optional: true
     react:
       optional: true
     react-dom: