Object are not valid as a React child

[miteshsavani]

Not able to use latest version 5.0.4. I am getting error while using it

[google-oss-bot]

Hey there! I couldn't figure out what this issue is about, so I've labeled it for a human to triage. Hang tight.

[google-oss-bot]

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

[puf]

Same error with code (but unfortunately no accepted answer yet): https://stackoverflow.com/questions/50730706/objects-are-not-valid-as-react-child-react-native

[MidorikawaShun]

This happens to me too. Only way to get around it is installing 5.0.3

[adisai123]

I am also getting the same error, but if I run it over debug mode, it works properly.

[willianlouzefonseca]

I just install the version 4.6.2 of firebase, this works for me

[AilsonFreire]

A got the same error here is a link that solved this problem. But I think this solution is ugly cause I like to put firebase config in a separate file. So I dowgrade to 5.0.3 and it´s works

https://stackoverflow.com/questions/50555275/react-native-objects-are-not-valid-as-a-react-child-found-object-with-keys

[jshcrowthe]

Duplicate of #871

[Daniyal-Najeeb]

Try this, this work for me and I am using firebase version 5.5.2
import firebase from '@firebase/app'
import '@firebase/auth'

[brianandreasen1983]

Try this, this work for me and I am using firebase version 5.5.2
import firebase from '@firebase/app'
import '@firebase/auth'

This works like a charm thank you Daniyal-Najeeb. :)

[tuanluu-agilityio]

Try this, this work for me and I am using firebase version 5.5.2
import firebase from '@firebase/app'
import '@firebase/auth'

It works fine for me. Save my life 💯 🙇

[presencewebdesign]

I changed this line

import firebase from 'firebase';

to this

import firebase from '@firebase/app'

[changx03]

Try this, this work for me and I am using firebase version 5.5.2
import firebase from '@firebase/app'
import '@firebase/auth'
Tested on firebase Version 5.6.0
Works fine 👍

I wonder why import '@firebase/auth'?

[24HourDeveloper]

Hi I'm running version 5.5.9 in my react-native app and I used this to get it to work.
import firebase from '@firebase/app';
I wonder why in some of my apps I didn't have to do this.

[bopaiah]

import core-js in index.js seem to fix the problem for me.

import 'core-js';
import {AppRegistry} from 'react-native';

[aldarisbm]

import core-js in index.js seem to fix the problem for me.

This didn't work for me, I installed 5.0.3

[rajeevrocker7]

I solved it 👍

1. cleaning builds
2. change in package.json-> "firebase": "^5.5.2",
3. npm install

Now, you'll need to import all the parts for Firebase that you're using.
I was using Auth and Database. and Of course, firebase.initializeApp(config);
So I had to add:

change this--> // import firebase from 'firebase';
to this-->
import firebase from '@firebase/app';
import '@firebase/auth';
import "@firebase/database";

5. run on device (react-native run-android)

:) 💯

[nkorojoseph]

I solved it 👍

1. cleaning builds
2. change in package.json-> "firebase": "^5.5.2",
3. npm install

Now, you'll need to import all the parts for Firebase that you're using.
I was using Auth and Database. and Of course, firebase.initializeApp(config);
So I had to add:

change this--> // import firebase from 'firebase';
to this-->
import firebase from '@firebase/app';
import '@firebase/auth';
import "@firebase/database";

1. run on device (react-native run-android)

:) 💯

without additional process,

i just used the
import '@firebase/database' and it worked.

thanks

[MaximWuyts]

Make sure you import React without {}

[zihadmahiuddin]

import core-js in index.js seem to fix the problem for me.

import 'core-js';
import {AppRegistry} from 'react-native';

Thanks, it worked for me :)

[presencewebdesign]

Again had the same error, I am now using version ^5.8.5

Remove any instance of the import if you're not using it in my case it was in the App.js

import fire from '../config/firebase';