Accessible Web Apps with React, TypeScript & Ally.js

dialog-component-two.js

interface Handle {
  disengage(): void;
}

class Dialog extends React.Component<Props, {}> {
  dialog: HTMLElement | null;
  disabledHandle: Handle;

  componentDidMount() {
    this.disabledHandle = Disabled({
      filter: this.dialog,
    });
  }
  
  componentWillUnmount() {
    this.disabledHandle.disengage();
  }
  ...
}