diff --git a/packages/cli/src/lib/bundler/server.ts b/packages/cli/src/lib/bundler/server.ts
index 254da4783b..060b482479 100644
--- a/packages/cli/src/lib/bundler/server.ts
+++ b/packages/cli/src/lib/bundler/server.ts
@@ -42,28 +42,31 @@ export async function serveBundle(options: ServeOptions) {
   });
   const compiler = webpack(config);
 
-  const server = new WebpackDevServer(compiler, {
-    hot: !process.env.CI,
-    devMiddleware: {
-      publicPath: config.output?.publicPath as string,
-      stats: 'errors-warnings',
-    },
-    static: {
-      publicPath: config.output?.publicPath as string,
-      directory: paths.targetPublic,
-    },
-    historyApiFallback: {
-      // Paths with dots should still use the history fallback.
-      // See https://github.com/facebookincubator/create-react-app/issues/387.
-      disableDotRule: true,
-    },
-    https: url.protocol === 'https:',
-    host,
-    port,
-    proxy: pkg.proxy,
-    // When the dev server is behind a proxy, the host and public hostname differ
-    allowedHosts: [url.hostname],
-  });
+  const server = new WebpackDevServer(
+    compiler as any,
+    {
+      hot: !process.env.CI,
+      devMiddleware: {
+        publicPath: config.output?.publicPath as string,
+        stats: 'errors-warnings',
+      },
+      static: {
+        publicPath: config.output?.publicPath as string,
+        directory: paths.targetPublic,
+      },
+      historyApiFallback: {
+        // Paths with dots should still use the history fallback.
+        // See https://github.com/facebookincubator/create-react-app/issues/387.
+        disableDotRule: true,
+      },
+      https: url.protocol === 'https:',
+      host,
+      port,
+      proxy: pkg.proxy,
+      // When the dev server is behind a proxy, the host and public hostname differ
+      allowedHosts: [url.hostname],
+    } as any,
+  );
 
   await new Promise<void>((resolve, reject) => {
     server.listen(port, host, (err?: Error) => {
diff --git a/packages/core-components/package.json b/packages/core-components/package.json
index 998af15f19..5ae86a0030 100644
--- a/packages/core-components/package.json
+++ b/packages/core-components/package.json
@@ -33,6 +33,7 @@
     "@backstage/core-plugin-api": "^0.1.5",
     "@backstage/errors": "^0.1.1",
     "@backstage/theme": "^0.2.9",
+    "@material-table/core": "^3.1.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
@@ -50,7 +51,6 @@
     "dagre": "^0.8.5",
     "immer": "^9.0.1",
     "lodash": "^4.17.15",
-    "@material-table/core": "^3.1.0",
     "pluralize": "^8.0.0",
     "prop-types": "^15.7.2",
     "qs": "^6.9.4",
@@ -84,6 +84,7 @@
     "@types/jest": "^26.0.7",
     "@types/node": "^14.14.32",
     "@types/react-helmet": "^6.1.0",
+    "@types/react-syntax-highlighter": "^13.5.2",
     "@types/zen-observable": "^0.8.0"
   },
   "files": [
diff --git a/yarn.lock b/yarn.lock
index c1cf9847ca..1cc0b8e6e1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7310,6 +7310,13 @@
   dependencies:
     "@types/react" "*"
 
+"@types/react-syntax-highlighter@^13.5.2":
+  version "13.5.2"
+  resolved "https://registry.npmjs.org/@types/react-syntax-highlighter/-/react-syntax-highlighter-13.5.2.tgz#357cc03581dc434c57c3b31f70e0eecdbf7b3ab0"
+  integrity sha512-sRZoKZBGKaE7CzMvTTgz+0x/aVR58ZYUTfB7HN76vC+yQnvo1FWtzNARBt0fGqcLGEVakEzMu/CtPzssmanu8Q==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react-test-renderer@*":
   version "16.9.2"
   resolved "https://registry.npmjs.org/@types/react-test-renderer/-/react-test-renderer-16.9.2.tgz#e1c408831e8183e5ad748fdece02214a7c2ab6c5"