Revert "nit: Remove authenticators from state (#70365)"

This reverts commit 81d3fef.

Co-authored-by: cathteng <[email protected]>

Author: getsentry-bot

Diff for: static/app/components/superuserStaffAccessForm.tsx

@@ -26,6 +26,7 @@ type Props = {
 };
 
 type State = {
+  authenticators: Array<Authenticator>;
   error: boolean;
   errorType: string;
   isLoading: boolean;
@@ -39,6 +40,7 @@ class SuperuserStaffAccessForm extends Component<Props, State> {
     super(props);
     this.authUrl = this.props.hasStaff ? '/staff-auth/' : '/auth/';
     this.state = {
+      authenticators: [],
       error: false,
       errorType: '',
       showAccessForms: true,
@@ -58,17 +60,16 @@ class SuperuserStaffAccessForm extends Component<Props, State> {
     }
 
     const authenticators = await this.getAuthenticators();
-    this.authenticators = authenticators;
+    this.setState({authenticators: authenticators});
 
     // Set the error state if there are no authenticators and U2F is on
-    if (!this.authenticators.length && !disableU2FForSUForm) {
+    if (!authenticators.length && !disableU2FForSUForm) {
       this.handleError(ErrorCodes.NO_AUTHENTICATOR);
     }
     this.setState({isLoading: false});
   }
 
   authUrl: string;
-  authenticators: Authenticator[] = [];
 
   handleSubmitCOPS = () => {
     this.setState({
@@ -79,13 +80,13 @@ class SuperuserStaffAccessForm extends Component<Props, State> {
 
   handleSubmit = async data => {
     const {api} = this.props;
-    const {superuserAccessCategory, superuserReason} = this.state;
+    const {superuserAccessCategory, superuserReason, authenticators} = this.state;
     const disableU2FForSUForm = ConfigStore.get('disableU2FForSUForm');
 
     const suAccessCategory = superuserAccessCategory || data.superuserAccessCategory;
     const suReason = superuserReason || data.superuserReason;
 
-    if (!this.authenticators.length && !disableU2FForSUForm) {
+    if (!authenticators.length && !disableU2FForSUForm) {
       this.handleError(ErrorCodes.NO_AUTHENTICATOR);
       return;
     }
@@ -192,7 +193,7 @@ class SuperuserStaffAccessForm extends Component<Props, State> {
   }
 
   render() {
-    const {error, errorType, showAccessForms, isLoading} = this.state;
+    const {authenticators, error, errorType, showAccessForms, isLoading} = this.state;
     if (errorType === ErrorCodes.INVALID_SSO_SESSION) {
       this.handleLogout();
       return null;
@@ -211,7 +212,7 @@ class SuperuserStaffAccessForm extends Component<Props, State> {
                 </StyledAlert>
               )}
               <U2fContainer
-                authenticators={this.authenticators}
+                authenticators={authenticators}
                 displayMode="sudo"
                 onTap={this.handleU2fTap}
               />
@@ -239,7 +240,7 @@ class SuperuserStaffAccessForm extends Component<Props, State> {
             {showAccessForms && <Hook name="component:superuser-access-category" />}
             {!showAccessForms && (
               <U2fContainer
-                authenticators={this.authenticators}
+                authenticators={authenticators}
                 displayMode="sudo"
                 onTap={this.handleU2fTap}
               />