question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Error while importing FirebaseAppProvider

See original GitHub issue

Version info

React: 16.3.1

Firebase: 8.1.1

ReactFire: 2.0.3

Steps to reproduce

  1. yarn add reactfire firebase
  2. import the library using: import { FirebaseAppProvider } from 'reactfire'

Expected behavior

That it works

Actual behavior

Error: Attempted import error: 'apps' is not exported from 'firebase/app' (imported as 'firebase').

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:3
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

8reactions
jamesdanielscommented, Nov 21, 2020

We’re working on new release that supports Firebase v8, in the meantime please stay on Firebase v7.

3reactions
jamesdanielscommented, Dec 10, 2020

Closing as we support v8 with 3.0.0-rc.0 and master & have started including a peerDep in the package.json

Read more comments on GitHub >

github_iconTop Results From Across the Web

Error: Cannot call useFirebaseApp unless your component is ...
I used Firebase app provider in index.jsx like this, and i solved: ReactDOM.render( <FirebaseAppProvider firebaseConfig={firebaseConfig}> ...
Read more >
Reactfire v4 Sample - StackBlitz
A project based on react, firebase, react-dom and reactfire. ... import { doc, getFirestore } from 'firebase/. firestore';. import {. FirebaseAppProvider,.
Read more >
How to use the firebase/app.initializeApp function in ... - Snyk
initializeApp examples, based on popular ways it is used in public projects. ... from 'prop-types' import { FirebaseAppProvider } from 'reactfire' import ......
Read more >
ReactFire - Firebase Open Source
Plus, they automatically unsubscribe when your component unmounts. ... import { doc, getFirestore } from 'firebase/firestore'; import { FirebaseAppProvider, ...
Read more >
Attempted import error: 'auth' is not exported from 'firebase/auth'
With version 9 things changed a bit for importing firebase, but there is no need to downgrade to a previous version, there is...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found