Inconsistent results from collectionData()

[hampusboas]

**Angular:13.2.2 **Firebase:9 **AngularFire:7.3.0 **Other (e.g. Ionic/Cordova, Node, browser, operating system): Google Chrome Version 102.0.5005.61 (Official Build) (x86_64)

Actual behavior

Hi, i don't know if this is a bug or a cache-related issue. But when i use a Angular resolver to resolve data from my service i get Inconsistent results from my query. Take this simple method for an example:

`getAllUserTeams(userId: string): Observable<ITeam[]> {

	const _query = query(
		this.collection,
		where('userId', '==', userId),
		orderBy('createdAt', 'asc')
	);

	return collectionData(_query, { idField: 'id' }) as Observable<
		ITeam[]
	>;
}`

This method should return all the users team. But when i use this in my resolver it only runs once obviously and the results varies for each reload or navigation. But when i use the method with a realtime subscription in the component is shows the correct number of teams.

So should i use getDocs instead of collectionData for these situations? But if i use getDocs i loose the ability to auto-convert it to a model and need to do that manually..

Expected behavior

Return the correct teams.

Best regards!

[google-oss-bot]

This issue does not seem to follow the issue template. Make sure you provide all the required information.