bump typescript (#15847)

superset-frontend/.storybook/main.js

@@ -22,7 +22,7 @@ const path = require('path');
 const customConfig = require('../webpack.config.js');
 
 module.exports = {
-stories: ['../src/@(components|common|filters)/**/*.stories.@(t|j)sx'],
+  stories: ['../src/@(components|common|filters)/**/*.stories.@(t|j)sx'],
   addons: [
     '@storybook/addon-essentials',
     '@storybook/addon-links',
@@ -43,4 +43,7 @@ stories: ['../src/@(components|common|filters)/**/*.stories.@(t|j)sx'],
     },
     plugins: [...config.plugins, ...customConfig.plugins],
   }),
+  typescript: {
+    reactDocgen: 'none',
+  },
 };

superset-frontend/package.json

@@ -302,7 +302,7 @@
     "transform-loader": "^0.2.3",
     "ts-jest": "^26.4.2",
     "ts-loader": "^8.0.7",
-    "typescript": "^4.0.3",
+    "typescript": "^4.1.6",
     "url-loader": "^1.0.1",
     "webpack": "^4.42.0",
     "webpack-bundle-analyzer": "^3.6.1",

superset-frontend/src/dashboard/util/injectCustomCss.ts

@@ -40,7 +40,7 @@ export default function injectCustomCss(css: string) {
     document.querySelector(`.${className}`) || createStyleElement(className);
 
   if ('styleSheet' in style) {
-    (style as MysteryStyleElement).styleSheet.cssText = css;
+    ((style as unknown) as MysteryStyleElement).styleSheet.cssText = css;
   } else {
     style.innerHTML = css;
   }

superset-frontend/src/views/CRUD/data/database/DatabaseList.tsx

@@ -243,7 +243,9 @@ function DatabaseList({ addDangerToast, addSuccessToast }: DatabaseListProps) {
           row: {
             original: { allow_run_async: allowRunAsync },
           },
-        }: any) => <BooleanDisplay value={allowRunAsync} />,
+        }: {
+          row: { original: { allow_run_async: boolean } };
+        }) => <BooleanDisplay value={allowRunAsync} />,
         size: 'sm',
       },
       {