【React×TypeScript×Firebase】firebase Realtime Databaseのレスポンスが返ってこない

Question

ソースコード

import * as firebase from 'firebase/app'
import 'firebase/database';
import 'firebase/firestore';

const firebaseConfig = {
    apiKey: "",
	authDomain: "",
	databaseURL: "",
	projectId: "",
	storageBucket: "",
	messagingSenderId: "",
	appId: ""
};

firebase.initializeApp(firebaseConfig);
const database = firebase.database();
const firestore = firebase.firestore();

export { firebase, database, firestore }

import { database, firestore } from './firebase/index'

class RoomContent extends React.Component<any, any> {
  componentWillMount() {
     database.ref('rooms').on('value', (snapshot) => {
       console.log('realtimeDB res');
       console.log(snapshot);
     })
     firestore.collection('rooms').get().then(data => {
       data.forEach(res => {
         console.log('firestore res');
         console.log(res.data());
       })
     })
   }
}

※ .tsxファイルです

Firebase

・RealtimeDB

・firestore

ブラウザ動作確認

firestoreのレスポンスのみ返ってきます

RealtimeDBのみレスポンスが返ってこないようで、その原因がわからずにいます。
お分かりになる方は、ご教示いただきたいですmm

Answer 1

セキュリティルールが原因だと考えます。
公式ドキュメントを参考にするなどして.readルールの評価がtrueとなるよう、セキュリティルールを見直してみてください。
https://firebase.google.com/docs/database/security

Comments

[taikishiino]

こちら解決することができました！
ありがとうございました！

[xenbeat]

????