ERROR TypeError: Cannot read properties of undefined (reading 'firestore')

### Version info

**Angular:*17*

**Firebase:*10*

**AngularFire:*18.0.1*

**Other (e.g. Ionic/Cordova, Node, browser, operating system):**Angular

### How to reproduce these conditions
I am trying to insert data in firebase but getting error

import { Injectable, inject } from '@angular/core';
import { Firestore, collection, collectionData, addDoc, CollectionReference, DocumentReference} from '@angular/fire/firestore';
import { Observable } from 'rxjs';
import { HttpClient } from '@angular/common/http';

@Injectable({
providedIn: 'root'
})

export class UserService {
private ipApiUrl = 'https://ipapi.co/json/';
private firestore: Firestore = inject(Firestore);
usersCollection!: CollectionReference;
constructor(private http: HttpClient) {
}
async addUser() {
let user = await this.getIp

}
getIp() {
this.http.get(this.ipApiUrl).subscribe(ipDetails => {
addDoc(this.usersCollection, ipDetails).then((documentReference: DocumentReference) => {
console.log(documentReference,'popopopo')
})
})
}
}

### Debug output

** Errors in the JavaScript console **
ERROR TypeError: Cannot read properties of undefined (reading 'firestore')

从 UserService 示例开始，重点关注 Firestore 注入、usersCollection 声明以及 addUser/getIp 入口点。使用所述的 Angular 17、Firebase 10 和 AngularFire 18.0.1 版本重现该错误，然后验证该服务可以将 IP 响应添加到 Firestore，而不会出现 undefined 属性错误。

由索引模型根据 Issue 内容生成。