Undefined is not an object app[componentName].bind

Version info

React: 16.9.0

Firebase: 7.10.0

ReactFire: 2.0.2

Other (e.g. Node, browser, operating system) (if applicable):

Test case

I’m building an app with Expo and React Native. I’m trying to add analytics to the app but I’m having trouble just using the examples of the docs.

When my code gets to:

const analytics = useAnalytics();

An error appears:

undefined is not an object (evaluating 'app[componentName].bind')

This is at this line: https://github.com/FirebaseExtended/reactfire/blob/80b9431ceb7e584f70a52940085f24a5a5b667bd/reactfire/firebaseApp/sdk.tsx#L127

Expected behavior

Working.

Actual behavior

undefined is not an object (evaluating 'app[componentName].bind')
- node_modules/reactfire/cjs/index.js:220:45 in importSDK.then$argument_0
- node_modules/promise/setimmediate/core.js:37:14 in tryCallOne
- node_modules/promise/setimmediate/core.js:123:25 in setImmediate$argument_0
- node_modules/react-native/Libraries/Core/Timers/JSTimers.js:146:14 in _callTimer
- node_modules/react-native/Libraries/Core/Timers/JSTimers.js:194:17 in _callImmediatesPass
- node_modules/react-native/Libraries/Core/Timers/JSTimers.js:458:30 in callImmediates
* [native code]:null in callImmediates
- node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:407:6 in __callImmediates
- node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:143:6 in __guard$argument_0
- node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:384:10 in __guard
- node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:142:17 in __guard$argument_0
* [native code]:null in flushedQueue
* [native code]:null in invokeCallbackAndReturnFlushedQueue

[jhuleatt]

Thanks @alxhotel! Will look into this. It may be a problem with the Firebase JS SDK, in which case there may not be much we can do, but we’ll give it a shot.

FYI @jamesdaniels

[olawalejuwonm]

@alxhotel does the library work on expo?