How to use the grommet-controls.validators.alphaNumeric function in grommet-controls

const { onSwitchLogin } = this.props;
    return (
      
        
        
          
          <form>
            
            
            
            

            
              <button label="Register" type="submit">
            
          
        
      
    );
  }</button></form>

src='//v2.grommet.io/assets/Wilderpeople_Ricky.jpg'
          round='full'
          size='large'
        />
      
      
        
      
    
    
    
    
  
);

render() {
    return (
      
        <form>
          
          

          
            <button label="Submit" type="submit">
          
        
      
    );
  }
}</button></form>

icon={}
                label='Google'
                onClick={() => this.openOAutPopup('google')}
              />
            
          
        
        
          
          <form>
            
            
            
              <button label="Log in" type="submit">
            
          
        
        
      
    );
  }
}</button></form>

Password
          
        
      )}
      description='Password'
      name='password'
      validation={
        [validators.required(), validators.minLength(5), validators.alphaNumeric()]
      }
    />
    
  
);

footer={(
      
        
        
      
    )}
  >
    
    
    
    
    
          Agree to
          
        
      )}
      description='Terms of service'
      name='accept_tos'