diff --git a/frameworks/hello-world-react-cra/webview-ui/package-lock.json b/frameworks/hello-world-react-cra/webview-ui/package-lock.json
index a9b990e2..5323aa58 100644
--- a/frameworks/hello-world-react-cra/webview-ui/package-lock.json
+++ b/frameworks/hello-world-react-cra/webview-ui/package-lock.json
@@ -8,7 +8,7 @@
       "name": "hello-world",
       "version": "0.0.1",
       "dependencies": {
-        "@vscode/webview-ui-toolkit": "^1.2.2",
+        "@vscode/webview-ui-toolkit": "^1.4.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2"
       },
@@ -22,7 +22,7 @@
         "typescript": "^4.4.4"
       }
     },
-    "../../../../_misc/vscode-webview-ui-toolkit": {
+    "../../_misc/vscode-webview-ui-toolkit": {
       "name": "@vscode/webview-ui-toolkit",
       "version": "0.8.4",
       "extraneous": true,
@@ -3209,33 +3209,23 @@
       "dev": true
     },
     "node_modules/@microsoft/fast-element": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/fast-element/-/fast-element-1.11.0.tgz",
-      "integrity": "sha512-VKJYMkS5zgzHHb66sY7AFpYv6IfFhXrjQcAyNgi2ivD65My1XOhtjfKez5ELcLFRJfgZNAxvI8kE69apXERTkw=="
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/fast-element/-/fast-element-1.14.0.tgz",
+      "integrity": "sha512-zXvuSOzvsu8zDTy9eby8ix8VqLop2rwKRgp++ZN2kTCsoB3+QJVoaGD2T/Cyso2ViZQFXNpiNCVKfnmxBvmWkQ==",
+      "license": "MIT"
     },
     "node_modules/@microsoft/fast-foundation": {
-      "version": "2.47.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/fast-foundation/-/fast-foundation-2.47.0.tgz",
-      "integrity": "sha512-EyFuioaZQ9ngjUNRQi8R3dIPPsaNQdUOS+tP0G7b1MJRhXmQWIitBM6IeveQA6ZvXG6H21dqgrfEWlsYrUZ2sw==",
+      "version": "2.50.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/fast-foundation/-/fast-foundation-2.50.0.tgz",
+      "integrity": "sha512-8mFYG88Xea1jZf2TI9Lm/jzZ6RWR8x29r24mGuLojNYqIR2Bl8+hnswoV6laApKdCbGMPKnsAL/O68Q0sRxeVg==",
+      "license": "MIT",
       "dependencies": {
-        "@microsoft/fast-element": "^1.11.0",
+        "@microsoft/fast-element": "^1.14.0",
         "@microsoft/fast-web-utilities": "^5.4.1",
         "tabbable": "^5.2.0",
         "tslib": "^1.13.0"
       }
     },
-    "node_modules/@microsoft/fast-react-wrapper": {
-      "version": "0.1.48",
-      "resolved": "https://registry.npmjs.org/@microsoft/fast-react-wrapper/-/fast-react-wrapper-0.1.48.tgz",
-      "integrity": "sha512-9NvEjru9Kn5ZKjomAMX6v+eF0DR+eDkxKDwDfi+Wb73kTbrNzcnmlwd4diN15ygH97kldgj2+lpvI4CKLQQWLg==",
-      "dependencies": {
-        "@microsoft/fast-element": "^1.9.0",
-        "@microsoft/fast-foundation": "^2.41.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0"
-      }
-    },
     "node_modules/@microsoft/fast-web-utilities": {
       "version": "5.4.1",
       "resolved": "https://registry.npmjs.org/@microsoft/fast-web-utilities/-/fast-web-utilities-5.4.1.tgz",
@@ -4327,18 +4317,40 @@
       }
     },
     "node_modules/@vscode/webview-ui-toolkit": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@vscode/webview-ui-toolkit/-/webview-ui-toolkit-1.2.2.tgz",
-      "integrity": "sha512-xIQoF4FC3Xh6d7KNKIoIezSiFWYFuf6gQMdDyKueKBFGeKwaHWEn+dY2g3makvvEsNMEDji/woEwvg9QSbuUsw==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vscode/webview-ui-toolkit/-/webview-ui-toolkit-1.4.0.tgz",
+      "integrity": "sha512-modXVHQkZLsxgmd5yoP3ptRC/G8NBDD+ob+ngPiWNQdlrH6H1xR/qgOBD85bfU3BhOB5sZzFWBwwhp9/SfoHww==",
+      "deprecated": "This package has been deprecated, https://github.com/microsoft/vscode-webview-ui-toolkit/issues/561",
+      "license": "MIT",
+      "dependencies": {
+        "@microsoft/fast-element": "^1.12.0",
+        "@microsoft/fast-foundation": "^2.49.4",
+        "@microsoft/fast-react-wrapper": "^0.3.22",
+        "tslib": "^2.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0"
+      }
+    },
+    "node_modules/@vscode/webview-ui-toolkit/node_modules/@microsoft/fast-react-wrapper": {
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@microsoft/fast-react-wrapper/-/fast-react-wrapper-0.3.25.tgz",
+      "integrity": "sha512-jKzmk2xJV93RL/jEFXEZgBvXlKIY4N4kXy3qrjmBfFpqNi3VjY+oUTWyMnHRMC5EUhIFxD+Y1VD4u9uIPX3jQw==",
+      "license": "MIT",
       "dependencies": {
-        "@microsoft/fast-element": "^1.6.2",
-        "@microsoft/fast-foundation": "^2.38.0",
-        "@microsoft/fast-react-wrapper": "^0.1.18"
+        "@microsoft/fast-element": "^1.14.0",
+        "@microsoft/fast-foundation": "^2.50.0"
       },
       "peerDependencies": {
         "react": ">=16.9.0"
       }
     },
+    "node_modules/@vscode/webview-ui-toolkit/node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
     "node_modules/@webassemblyjs/ast": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
@@ -20601,30 +20613,21 @@
       "dev": true
     },
     "@microsoft/fast-element": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/fast-element/-/fast-element-1.11.0.tgz",
-      "integrity": "sha512-VKJYMkS5zgzHHb66sY7AFpYv6IfFhXrjQcAyNgi2ivD65My1XOhtjfKez5ELcLFRJfgZNAxvI8kE69apXERTkw=="
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/fast-element/-/fast-element-1.14.0.tgz",
+      "integrity": "sha512-zXvuSOzvsu8zDTy9eby8ix8VqLop2rwKRgp++ZN2kTCsoB3+QJVoaGD2T/Cyso2ViZQFXNpiNCVKfnmxBvmWkQ=="
     },
     "@microsoft/fast-foundation": {
-      "version": "2.47.0",
-      "resolved": "https://registry.npmjs.org/@microsoft/fast-foundation/-/fast-foundation-2.47.0.tgz",
-      "integrity": "sha512-EyFuioaZQ9ngjUNRQi8R3dIPPsaNQdUOS+tP0G7b1MJRhXmQWIitBM6IeveQA6ZvXG6H21dqgrfEWlsYrUZ2sw==",
+      "version": "2.50.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/fast-foundation/-/fast-foundation-2.50.0.tgz",
+      "integrity": "sha512-8mFYG88Xea1jZf2TI9Lm/jzZ6RWR8x29r24mGuLojNYqIR2Bl8+hnswoV6laApKdCbGMPKnsAL/O68Q0sRxeVg==",
       "requires": {
-        "@microsoft/fast-element": "^1.11.0",
+        "@microsoft/fast-element": "^1.14.0",
         "@microsoft/fast-web-utilities": "^5.4.1",
         "tabbable": "^5.2.0",
         "tslib": "^1.13.0"
       }
     },
-    "@microsoft/fast-react-wrapper": {
-      "version": "0.1.48",
-      "resolved": "https://registry.npmjs.org/@microsoft/fast-react-wrapper/-/fast-react-wrapper-0.1.48.tgz",
-      "integrity": "sha512-9NvEjru9Kn5ZKjomAMX6v+eF0DR+eDkxKDwDfi+Wb73kTbrNzcnmlwd4diN15ygH97kldgj2+lpvI4CKLQQWLg==",
-      "requires": {
-        "@microsoft/fast-element": "^1.9.0",
-        "@microsoft/fast-foundation": "^2.41.1"
-      }
-    },
     "@microsoft/fast-web-utilities": {
       "version": "5.4.1",
       "resolved": "https://registry.npmjs.org/@microsoft/fast-web-utilities/-/fast-web-utilities-5.4.1.tgz",
@@ -21420,13 +21423,30 @@
       }
     },
     "@vscode/webview-ui-toolkit": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@vscode/webview-ui-toolkit/-/webview-ui-toolkit-1.2.2.tgz",
-      "integrity": "sha512-xIQoF4FC3Xh6d7KNKIoIezSiFWYFuf6gQMdDyKueKBFGeKwaHWEn+dY2g3makvvEsNMEDji/woEwvg9QSbuUsw==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vscode/webview-ui-toolkit/-/webview-ui-toolkit-1.4.0.tgz",
+      "integrity": "sha512-modXVHQkZLsxgmd5yoP3ptRC/G8NBDD+ob+ngPiWNQdlrH6H1xR/qgOBD85bfU3BhOB5sZzFWBwwhp9/SfoHww==",
       "requires": {
-        "@microsoft/fast-element": "^1.6.2",
-        "@microsoft/fast-foundation": "^2.38.0",
-        "@microsoft/fast-react-wrapper": "^0.1.18"
+        "@microsoft/fast-element": "^1.12.0",
+        "@microsoft/fast-foundation": "^2.49.4",
+        "@microsoft/fast-react-wrapper": "^0.3.22",
+        "tslib": "^2.6.2"
+      },
+      "dependencies": {
+        "@microsoft/fast-react-wrapper": {
+          "version": "0.3.25",
+          "resolved": "https://registry.npmjs.org/@microsoft/fast-react-wrapper/-/fast-react-wrapper-0.3.25.tgz",
+          "integrity": "sha512-jKzmk2xJV93RL/jEFXEZgBvXlKIY4N4kXy3qrjmBfFpqNi3VjY+oUTWyMnHRMC5EUhIFxD+Y1VD4u9uIPX3jQw==",
+          "requires": {
+            "@microsoft/fast-element": "^1.14.0",
+            "@microsoft/fast-foundation": "^2.50.0"
+          }
+        },
+        "tslib": {
+          "version": "2.8.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+          "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+        }
       }
     },
     "@webassemblyjs/ast": {
diff --git a/frameworks/hello-world-react-cra/webview-ui/package.json b/frameworks/hello-world-react-cra/webview-ui/package.json
index 5a39356f..e343f341 100644
--- a/frameworks/hello-world-react-cra/webview-ui/package.json
+++ b/frameworks/hello-world-react-cra/webview-ui/package.json
@@ -9,7 +9,7 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
-    "@vscode/webview-ui-toolkit": "^1.2.2",
+    "@vscode/webview-ui-toolkit": "^1.4.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },