diff --git a/webview-sample/media/jsconfig.json b/webview-sample/media/jsconfig.json
new file mode 100644
index 00000000..ab5497f1
--- /dev/null
+++ b/webview-sample/media/jsconfig.json
@@ -0,0 +1,20 @@
+{
+	"compilerOptions": {
+		"module": "commonjs",
+		"target": "es2020",
+		"jsx": "preserve",
+		"strictFunctionTypes": true,
+		"lib": [
+			"dom"
+		]
+	},
+	"exclude": [
+		"node_modules",
+		"**/node_modules/*"
+	],
+	"typeAcquisition": {
+		"include": [
+			"@types/vscode-webview"
+		]
+	}
+}
\ No newline at end of file
diff --git a/webview-sample/package-lock.json b/webview-sample/package-lock.json
index 504e2dc6..4fb1d3bb 100644
--- a/webview-sample/package-lock.json
+++ b/webview-sample/package-lock.json
@@ -104,6 +104,12 @@
 			"integrity": "sha512-nJA37ykkz9FYA0ZOQUSc3OZnhuzEW2vUhUEo4MiduUo82jGwwcLfyvmgd/Q7b0WrZAAceojGhZybg319L24bTA==",
 			"dev": true
 		},
+		"@types/vscode-webview": {
+			"version": "1.57.0",
+			"resolved": "https://registry.npmjs.org/@types/vscode-webview/-/vscode-webview-1.57.0.tgz",
+			"integrity": "sha512-x3Cb/SMa1IwRHfSvKaZDZOTh4cNoG505c3NjTqGlMC082m++x/ETUmtYniDsw6SSmYzZXO8KBNhYxR0+VqymqA==",
+			"dev": true
+		},
 		"@typescript-eslint/eslint-plugin": {
 			"version": "4.16.1",
 			"resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.16.1.tgz",
diff --git a/webview-sample/package.json b/webview-sample/package.json
index 1132af57..182bf2ce 100644
--- a/webview-sample/package.json
+++ b/webview-sample/package.json
@@ -43,6 +43,7 @@
 	"devDependencies": {
 		"@types/node": "^12.12.0",
 		"@types/vscode": "^1.47.0",
+		"@types/vscode-webview": "^1.57.0",
 		"@typescript-eslint/eslint-plugin": "^4.16.0",
 		"@typescript-eslint/parser": "^4.16.0",
 		"eslint": "^7.21.0",