_firebase2.default.database.ref is not a function

Question

I'm new to React Native and doing a project following some online tutorials. In given step, I have created a Firebase database (also added some dummy data and set a standard rule). In my React Native project, to fetch data after user being authenticated from Firebase, I'm doing following action :

import firebase from 'firebase';
export const loadInitialContacts = () =>
{
    const {currentUser} = firebase.auth();

    return (dispatch) => {
        firebase.database.ref(`/users/${currentUser.uid}/people`)
            .on('value', snapshot => {
                dispatch({type: 'INITIAL_FETCH', payload: snapshot.val()});
            });
    };
};

I'm calling the above method from my list view Component :

componentWillMount()
{
    this.props.loadInitialContacts();
}

Authentication to Firebase pass successfully, at the time of fetching data from Firebase it throws exception :

Error: TypeError: TypeError: _firebase2.default.database.ref is not a function

What I'm doing wrong?

Looking into the package.json, I'm on this following version :

"dependencies": {
    "firebase": "^5.0.2",
    "lodash": "^4.17.10",
    "react": "16.3.1",
    "react-native": "^0.55.4",
    ...
  },

Unfortunately, the above call anyway returns me null even when I have some dummy record added to the database. — Santanu Karar
– Santanu Karar, Commented Jun 14, 2018 at 6:59
It looks like .on('value', snapshot => { never pass successfully. — Santanu Karar
– Santanu Karar, Commented Jun 14, 2018 at 7:08

chia yongkang · Accepted Answer · 2020-01-01 10:34:04Z

2

I faced a similar error. My original code was:

    const rootRef = firebase.database.ref().child('react');

However, I changed it to

    const rootRef = firebase.database().ref().child('react');

and it worked.

Change firebase.database().ref from firebase.database.ref

answered Jan 1, 2020 at 10:34

chia yongkang

78211 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

klewis Over a year ago

Do you happen to know where we can find modern day documentation on how you got your answer to work for you in your environment?

Collectives™ on Stack Overflow

_firebase2.default.database.ref is not a function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related