Firestore React-Native not fetching Data - database

Question

Need to integrate Firebase and Firestore both in React native app, Successfully able to use Firebase and it's real-time DB but not able to use firestore.
Returning Empty Data in console.
Npm package: npm install --save firebase
Firebase Reference
import * as firebase from 'firebase';
const config = {
apiKey: "xxxx",
authDomain: "xxx.firebaseapp.com",
databaseURL: "https://xxxx.firebaseio.com",
projectId: "xxxx",
storageBucket: "xxx.appspot.com",
messagingSenderId: "xxx",
appId: "xxxx:web:xxxx",
measurementId: "xxx"
};
const Firebase = firebase.initializeApp(config);
export default Firebase;
Table References:
import {
Firebase
} from '../firebase'
export const userTableReference = Firebase.database().ref('users') -> Working
export const healthTipReferences = Firebase.firestore().collection('HealthTips') -> Not working
Fetching Values
export function getHealthTips() {
return async (dispatch) => {
try {
healthTipReferences.onSnapshot(querySnapshot => {
querySnapshot.forEach(doc => {
if (doc.exists) {
console.log(doc.data())
} else {
console.log('no doc')
}
});
})
} catch (error) {
console.log("*** Firebase - error setting document", { error })
}
}
}
Response:
[Sun Oct 18 2020 14:50:29.757] LOG {}
[Sun Oct 18 2020 14:50:29.758] LOG {}
[Sun Oct 18 2020 14:50:29.758] LOG {}
FireStore Rules
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
match /{document=**} {
allow read, write: if true;
}
}
}
Database Structure:

Answer 1

There was issue I created three level hierarchy of database values instead of one
So, based on my hierarchy I need to modify my query.
Collection -> id
fields -> doc.Data()
below query I wrote to get data:
const healthTipsRef = await healthTipReferences.get();
healthTipsRef.forEach(categories => {
categories.ref.collection('Tips').onSnapshot(querySnapshot => {
querySnapshot.forEach(doc => {
finalData[categories.id] = doc.data()
})
console.log(finalData)
})
})