Good day, I'm trying to use rxfire to combine multiple Firebase data sources, The code below should stream a list of "cities" from Realtime database and then retrieves their image from a Cloud Storage bucket. I'm following through the official docs but using realtime database. Im getting an error while using rxfire object method
import database from '@react-native-firebase/database';
import { object } from 'rxfire/database/';
import { combineLatest, map, switchMap } from "rxjs"; --> imports section
export const fetchUserContacts = () => async (dispatch: (arg0: { type: any; payload: any;
}) => void) => {
const ref = database().ref("cities");
object(ref) --> compilation error here
.pipe(
switchMap(cities => {
return combineLatest(...cities.map(c => {
const ref = ref(storage, `/cities/${c.id}.png`);
return getDownloadURL(ref).pipe(map(imageURL => ({ imageURL, ...c })));
}));
})
)
.subscribe(cities => {
cities.forEach(c => console.log(c.imageURL));
});
};
Compilation error that I'm getting
Argument of type 'Reference' is not assignable to parameter of type 'Query'. The types of 'ref.isEqual' are incompatible between these types. Type '(other: Query) => boolean' is not assignable to type '(other: Query | null) => boolean'. Types of parameters 'other' and 'other' are incompatible. Type 'Query | null' is not assignable to type 'Query'. Type 'null' is not assignable to type 'Query'.ts(2345) const ref: FirebaseDatabaseTypes.Reference