title: createUserWithEmailAndPassword error whit Reactive forms
body: <p>I used ngModel before and everything was fine. Now I am using Reactive form to create a user in Firebase.</p>
  
  <p>My question is how can I access the values of each field, since it marks me the following error: <code>createUserWithEmailAndPassword failed: First argument" email "must be a valid string</code></p>
  
  <p>component.html</p>
  
  <pre><code>&lt;form [formGroup]="forma" (ngSubmit)="nuevoUsuario()" novalidate&gt;        
     &lt;mat-form-field appearance="outline"&gt;
      &lt;mat-label&gt;E-mail&lt;/mat-label&gt;
      &lt;input type="email" matInput placeholder="Ingresa tu E-mail" formControlName="email"&gt;
    &lt;/mat-form-field&gt;
    &lt;mat-form-field appearance="outline"&gt;
      &lt;mat-label&gt;Contraseña&lt;/mat-label&gt;
      &lt;input type="password" matInput placeholder="Genera tu contraseña" formControlName="password"&gt;
    &lt;/mat-form-field&gt;
    &lt;button type="submit" class="btn btn-lg btn-primary btn-block mt-3" [disabled]="!forma.valid" &gt;Crear cuenta &lt;i class="fas fa-user-plus ml-2"&gt;&lt;/i&gt;&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>component.ts</p>
  
  <pre><code>email: any;
  password: string;
  
  constructor(private fb: FormBuilder, public router: Router, public authService: FirebaseService) {  
  this.forma = fb.group ({
    email: [ 'xxx@xxx.com', [Validators.required, Validators.email] ],
    password: [ 'xxx', Validators.required ],
  })
  }
  
  nuevoUsuario() {
  firebase.auth().createUserWithEmailAndPassword(this.email, this.password)
    .then(userData =&gt; {
      userData.sendEmailVerification();
      this.router.navigate(['/ingresar']);
      console.log(userData)
    })
    .catch(err =&gt; {
      console.log(err)
    });
  }
  </code></pre>