Merge pull request #10 from hangy/dependabot/npm_and_yarn/azure-devop…

…s-ui-2.167.2

chore(deps): bump azure-devops-ui from 2.166.99 to 2.167.2

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",

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);
         });