diff --git a/package-lock.json b/package-lock.json
index e666bf3..c9d909b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3612,9 +3612,9 @@
       }
     },
     "azure-devops-ui": {
-      "version": "2.166.99",
-      "resolved": "https://registry.npmjs.org/azure-devops-ui/-/azure-devops-ui-2.166.99.tgz",
-      "integrity": "sha512-ONfewmksJRtiGPWMLr2ohSNnN+Dcppv5GThNYvFzvOmGcK4jv6eq77RegRMUqGlBJKscjVFcLMT4M3eJfCzg/w==",
+      "version": "2.167.2",
+      "resolved": "https://registry.npmjs.org/azure-devops-ui/-/azure-devops-ui-2.167.2.tgz",
+      "integrity": "sha512-Yd4MG6VwjaUHRnt/yilMxJOMVjwgRp736fAVxp2u9xbB74JVgk49anVmSiIoqIhfwEAYAlGAHtCdvGpfd8FvWw==",
       "requires": {
         "array.prototype.find": "~2.0.4",
         "es6-object-assign": "~1.1.0",
diff --git a/package.json b/package.json
index b5e5ead..6093e20 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
         "@uifabric/utilities": "^7.33.5",
         "azure-devops-extension-api": "^1.158.0",
         "azure-devops-extension-sdk": "^2.0.11",
-        "azure-devops-ui": "^2.166.99",
+        "azure-devops-ui": "^2.167.2",
         "core-js": "^3.12.1",
         "immer": "^9.0.2",
         "office-ui-fabric-react": "^7.170.0",
diff --git a/src/pages/home/home.tsx b/src/pages/home/home.tsx
index 13b6c22..405ca33 100644
--- a/src/pages/home/home.tsx
+++ b/src/pages/home/home.tsx
@@ -6,7 +6,7 @@ import { MessageCard, MessageCardSeverity } from "azure-devops-ui/MessageCard";
 import { Page } from "azure-devops-ui/Page";
 import { Tab, TabBar } from "azure-devops-ui/Tabs";
 import { KeywordFilterBarItem } from "azure-devops-ui/TextFilterBarItem";
-import { Filter } from "azure-devops-ui/Utilities/Filter";
+import { Filter, IFilter } from "azure-devops-ui/Utilities/Filter";
 import * as React from "react";
 import { connect } from "react-redux";
 import CreatePanel from "../../components/create/panel";
@@ -41,13 +41,13 @@ const Actions = {
 };
 
 class HomePage extends React.Component<IHomePageProps & typeof Actions> {
-    filter: Filter;
+    filter: IFilter;
     filterToggled = new ObservableValue<boolean>(false);
 
     constructor(props: IHomePageProps & typeof Actions) {
         super(props);
 
-        this.filter = new Filter();
+        this.filter = new Filter() as IFilter;
         this.filter.subscribe((state) => {
             props.filter(state["keyword"] && state["keyword"]!.value);
         });