title: Argument of type {...} is not assignable to parameter of type [ ]
body: <pre><code>import { Component } from '@angular/core';
  import { IonicPage, NavController, NavParams } from 'ionic-angular';
  import { EventDetail } from '../../models/event-detail/event-detail.interface';
  import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
  
  @IonicPage()
  @Component({
    selector: 'page-event',
    templateUrl: 'event.html',
  })
  export class EventPage {
  
    eventDetail = {} as EventDetail;
  
    eventDetailRef$: AngularFireList&lt;EventDetail[]&gt;;
  
    constructor(public navCtrl: NavController, public navParams: NavParams, private database: AngularFireDatabase) {
    this.eventDetailRef$ = this.database.list('event-detail');
    }
  
    addEvent( eventDetail: EventDetail) {
  
      this.eventDetailRef$.push({
        eventName: this.eventDetail.eventName,
        eventDesc: this.eventDetail.eventDesc,
      });
  
    }
  
  }
  </code></pre>
  
  <p>i followed a tutorial way back a year ago, i've rad "Upgrading to Angularfire 5.0", googled the same problem, result are quite different</p>
  
  <p>the error message are: </p>
  
  <p>"Argument of type '{ eventName: string; eventDesc: String; }' is not assignable to parameter of type 'EventDetail[]'.
    Object literal may only specify known properties, and 'eventName' does not exist in type 'EventDetail[]'."</p>
  
  <p>and my EventDetail Interface:</p>
  
  <pre><code>export interface EventDetail {
      eventName: string;
      eventDesc: String;
      lat: number;
      lgt: number;
  
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/GlYFY.png" rel="nofollow noreferrer">the error image</a></p>