Uncaught TypeError: _this3.getCallsWithValues(...).find is not a function

[sogko]

react-relay threw an error when ran a react app on Chrome 43.
Same app worked as expected on Safari 9.0.1

Seems that it's using Array.prototype.find() but it's not supported on some browsers.

Guess that this issue can be worked around by adding a polyfill for Array.prototype.find to my react app.

Maybe I haven't looked hard enough, but I can't information on browser compatibility for react-relay.

Cheers!

// Value of `_this3.getCallsWithValues` when inspected
_this3.getCallsWithValues() = [{
   name: "name", value: "value"
}]

RelayQuery.js:451
Uncaught TypeError: _this3.getCallsWithValues(...).find is not a function
(anonymous function) @ RelayQuery.js:451
getIdentifyingArg @ RelayQuery.js:459
(anonymous function) @ getRelayQueries.js:59
getRelayQueries @ getRelayQueries.js:48
instrumentedCallback @ RelayProfiler.js:131
_runQueries @ RelayRenderer.js:123
RelayRenderer @ RelayRenderer.js:105
ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:148
ReactPerf.measure.wrapper @ ReactPerf.js:66
ReactReconciler.mountComponent @ ReactReconciler.js:37
ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225
ReactPerf.measure.wrapper @ ReactPerf.js:66
ReactReconciler.mountComponent @ ReactReconciler.js:37
ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225
ReactPerf.measure.wrapper @ ReactPerf.js:66
ReactReconciler.mountComponent @ ReactReconciler.js:37
ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225
ReactPerf.measure.wrapper @ ReactPerf.js:66
ReactReconciler.mountComponent @ ReactReconciler.js:37
ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225
ReactPerf.measure.wrapper @ ReactPerf.js:66
ReactReconciler.mountComponent @ ReactReconciler.js:37
ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:225
ReactPerf.measure.wrapper @ ReactPerf.js:66
ReactReconciler.mountComponent @ ReactReconciler.js:37
mountComponentIntoNode @ ReactMount.js:266
Mixin.perform @ Transaction.js:136
batchedMountComponentIntoNode @ ReactMount.js:282
Mixin.perform @ Transaction.js:136
ReactDefaultBatchingStrategy.batchedUpdates @ ReactDefaultBatchingStrategy.js:62
batchedUpdates @ ReactUpdates.js:94
ReactMount._renderNewRootComponent @ ReactMount.js:476
ReactPerf.measure.wrapper @ ReactPerf.js:66ReactMount._renderSubtreeIntoContainer @ ReactMount.js:550
ReactMount.render @ ReactMount.js:570
ReactPerf.measure.wrapper @ ReactPerf.js:66
(anonymous function) @ app.js:46
(anonymous function) @ bundle.js:168
__webpack_require__ @ bootstrap e340b8761ce8948d8f96:19
(anonymous function) @ bootstrap e340b8761ce8948d8f96:39
__webpack_require__ @ bootstrap e340b8761ce8948d8f96:19(anonymous function) @ bootstrap e340b8761ce8948d8f96:39
(anonymous function) @ bootstrap e340b8761ce8948d8f96:39

[josephsavona]

Thanks for bringing this up. We extensively use the latest ES features and would recommend using a polyfill (the babel polyfill is 👍)