I am trying to set up FireStore and keep getting an error in the console after the ap was compiled. The compiler is giving no errors just the browser console.

**Error: Uncaught (in promise): NullInjectorError: R3InjectorError(AppModule)[Firestore -> InjectionToken angularfire2.firestore-instances -> [object Object] -> FirebaseApps -> FirebaseApps]: **

here is my Component

import { Component, inject } from '@angular/core';
import { collection, addDoc, collectionData, Firestore } from '@angular/fire/firestore';
import { Observable } from 'rxjs';

export class PickComponent {



  constructor(private fs: Firestore) {

  }

  addData(f:any){
 const fpicks = collection(this.fs, 'users');
    addDoc(fpicks, f.value);
        console.log(f.value);
      }

  
}