Uncaught RangeError: Maximum call stack size exceeded

[MatthewKosloski]

I tried to run the simple-map example, but I got the following error when I tried to move around in the map:

Uncaught RangeError: Maximum call stack size exceeded

All my code is the same thing you have, except I put in my API key:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=geometry,drawing&key=[MY_API_KEY]"></script>

[ranleung]

getting the same problem

[farhd]

same problem, but default version:
<script src="https://maps.googleapis.com/maps/api/js"></script>

[MatthewKosloski]

@ranleung @farhd I found a really simple Google Maps React component. It's called react-gmaps. The author is pretty good at responding to any questions you have, just create an issue!

[tomchentw]

This is a know bug for 4.x and 5.x on React 15. It's fixed in 6.0.0.

6.0.0 is released on npm beta tag now. See the changelog here. We also have a new demo page. Feel free to try it:
https://tomchentw.github.io/react-google-maps/

[hscharitzer]

I wanted to chime in and add that this error still occurs on 8.3.2 when following all instructions (https://tomchentw.github.io/react-google-maps/#installation) up to Step 4.

The reason turns out to be a missing
defaultCenter={{ lat: 48.124039, lng: 15.8339266 }}

(I found the solution to this through https://stackoverflow.com/questions/15671480/uncaught-rangeerror-maximum-call-stack-size-exceeded-google-maps-when-i-try-to)

[tomchentw]

@hscharitzer I just updated the docs, thanks!