diff --git a/ui/packages/ui/package.json b/ui/packages/ui/package.json
index a770d936..3bc38b26 100644
--- a/ui/packages/ui/package.json
+++ b/ui/packages/ui/package.json
@@ -50,7 +50,7 @@
     "tslint-config-prettier": "^1.18.0",
     "tslint-eslint-rules": "^5.4.0",
     "tslint-react": "^3.6.0",
-    "typescript": "^3.3.3333",
+    "typescript": "^4.0.2",
     "url-loader": "^1.1.2",
     "webpack": "^4.25.1",
     "webpack-bundle-analyzer": "^3.0.3",
diff --git a/ui/packages/ui/src/app/pages/createConnector/connectorSteps/FiltersStepComponent.tsx b/ui/packages/ui/src/app/pages/createConnector/connectorSteps/FiltersStepComponent.tsx
index bdf2a731..fbccbf27 100644
--- a/ui/packages/ui/src/app/pages/createConnector/connectorSteps/FiltersStepComponent.tsx
+++ b/ui/packages/ui/src/app/pages/createConnector/connectorSteps/FiltersStepComponent.tsx
@@ -252,7 +252,7 @@ export const FiltersStepComponent: React.FunctionComponent<IFiltersStepComponent
           >
             Apply
           </Button>
-          <Button variant="link" isInline onClick={clearFilter}>
+          <Button variant="link" isInline={true} onClick={clearFilter}>
             Clear filters
     </Button>
         </ActionGroup>
diff --git a/ui/packages/ui/src/app/pages/createConnector/connectorSteps/shared/FormInputComponent.tsx b/ui/packages/ui/src/app/pages/createConnector/connectorSteps/shared/FormInputComponent.tsx
index 24c7594a..cee17943 100644
--- a/ui/packages/ui/src/app/pages/createConnector/connectorSteps/shared/FormInputComponent.tsx
+++ b/ui/packages/ui/src/app/pages/createConnector/connectorSteps/shared/FormInputComponent.tsx
@@ -3,9 +3,9 @@ import {
   TextInput
 } from '@patternfly/react-core';
 import { ExclamationCircleIcon } from '@patternfly/react-icons';
+import { useField } from 'formik';
 import * as React from 'react';
 import { HelpInfoIcon } from './HelpInfoIcon';
-import { useField } from 'formik';
 
 export interface IFormInputComponentProps {
   label: string;
diff --git a/ui/packages/ui/src/app/pages/createConnector/connectorSteps/shared/FormSwitchComponent.tsx b/ui/packages/ui/src/app/pages/createConnector/connectorSteps/shared/FormSwitchComponent.tsx
index aed4fc81..975d5f2a 100644
--- a/ui/packages/ui/src/app/pages/createConnector/connectorSteps/shared/FormSwitchComponent.tsx
+++ b/ui/packages/ui/src/app/pages/createConnector/connectorSteps/shared/FormSwitchComponent.tsx
@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { Switch } from '@patternfly/react-core';
 import { useField } from 'formik';
+import * as React from 'react';
 
 export interface IFormSwitchComponentProps {
   label: string;
diff --git a/ui/yarn.lock b/ui/yarn.lock
index 25454f0c..111ae3a0 100644
--- a/ui/yarn.lock
+++ b/ui/yarn.lock
@@ -10206,11 +10206,16 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typescript@^3.3.3333, typescript@^3.5.3:
+typescript@^3.5.3:
   version "3.9.7"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.7.tgz#98d600a5ebdc38f40cb277522f12dc800e9e25fa"
   integrity sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==
 
+typescript@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.0.2.tgz#7ea7c88777c723c681e33bf7988be5d008d05ac2"
+  integrity sha512-e4ERvRV2wb+rRZ/IQeb3jm2VxBsirQLpQhdxplZ2MEzGvDkkMmPglecnNDfSUBivMjP93vRbngYYDQqQ/78bcQ==
+
 uglify-js@3.4.x:
   version "3.4.10"
   resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.4.10.tgz#9ad9563d8eb3acdfb8d38597d2af1d815f6a755f"