Props or option to disable sign-up Submit button until user checks Agreement of site's Terms and Conditions about amplify-ui HOT 3 CLOSED

class App extends Component {
     constructor(props) {
          this.state = {
               ...
               UserAcceptedTermsAndConditions: false;
          }
          ...
     }
     handleRegistrationSubmit = (e) => {
          e.preventDefault();
          const { email, password } = e.target;
          if (this.state.UserAcceptedTermsAndConditions) {
               Auth.signUp(email.value, password.value, attributes: { ... }).then(response => {
                    console.log('Auth.signIn success', response);
               }).catch(error => {
                    console.log(error.response)
               });
          } else 
               alert("Please accept the terms and conditions.");
     }

     handleUserAcceptedTermsAndConditions = (e) => {
          this.setState({UserAcceptedTermsAndConditions: !this.state.UserAcceptedTermsAndConditions})
     }
 
     render() {
          return (  ...
               <form id="tncagreement" name="tncagreement">
                    <input type="checkbox" id="terms" name="terms"
                         checked={this.state.UserAcceptedTermsAndConditions}
                         ref="UserAcceptedTermsAndConditions"
                         onChange={this.handleUserAcceptedTermsAndConditions} />
                    <label for="terms">I have read and agreed to the Terms &amp; Conditions</label>
               </form>
               ...
               <AmplifyAuthenticator ...
                    <AmplifySignUp ...
                         handleSubmit={this.handleRegistrationSubmit} />
               </AmplifyAuthenticator>
          ... )
     }
}