Async dispose in Component unmount

src/propertyFields/collectionData/collectionColorField/CollectionColorField.tsx

@@ -35,6 +35,13 @@ export class CollectionColorField extends React.Component<ICollectionColorFieldP
   public UNSAFE_componentWillMount(): void {
     this.valueChange(this.props.field, this.props.item[this.props.field.id]).then(() => { /* no-op; */ }).catch(() => { /* no-op; */ });
   }
+
+  /**
+   * componentWillUnmount lifecycle hook
+   */
+  public componentWillUnmount(): void {
+    this.async.dispose();
+  }
 
   private _onCalloutDismiss = (): void => {
     this.setState({

src/propertyFields/collectionData/collectionNumberField/CollectionNumberField.tsx

@@ -67,6 +67,13 @@ export class CollectionNumberField extends React.Component<
     }
   }
 
+  /**
+   * componentWillUnmount lifecycle hook
+   */
+  public componentWillUnmount(): void {
+    this.async.dispose();
+  }
+
   /**
    * Value change event handler
    *

src/propertyFields/number/PropertyFieldNumberHost.tsx

@@ -57,6 +57,13 @@ export default class PropertyFieldNumberHost extends React.Component<IPropertyFi
     }
   }
 
+  /**
+   * componentWillUnmount lifecycle hook
+   */
+  public componentWillUnmount(): void {
+    this._async.dispose();
+  }
+
   /**
    * Validate if field value is a number
    * @param value

src/propertyFields/sitePicker/PropertyFieldSitePickerHost.tsx

@@ -83,6 +83,13 @@ export default class PropertyFieldSitePickerHost extends React.Component<IProper
     this.setState({ selectedSites });
   }
 
+  /**
+   * componentWillUnmount lifecycle hook
+   */
+  public componentWillUnmount(): void {
+    this.async.dispose();
+  }
+
   public render(): JSX.Element {
     const { isLoading, siteSearchResults, selectedSites } = this.state;
 

src/propertyFields/teamPicker/PropertyFieldTeamPickerHost.tsx

@@ -89,6 +89,13 @@ export default class PropertyFieldTeamPickerHost extends React.Component<IProper
     this.setState({ selectedTeams });
   }
 
+  /**
+   * componentWillUnmount lifecycle hook
+   */
+  public componentWillUnmount(): void {
+    this.async.dispose();
+  }
+
   public render(): JSX.Element {
     const { isLoading, teamSearchResults, selectedTeams } = this.state;