Cannot read property 'getMap' of undefined when using demo snippet

[michelebertoli]

Cannot read property 'getMap' of undefined when using demo snippet

[MicheleBertoli]

Hey @neilff, I can't reproduce the error.
If I just run the demo snippet, I get this onMapCreated Zk {gm_bindings_: Object, __gm: Ii, gm_accessors_: Object, center: lf, zoom: 12…} in the console.
Can you please provide me a full non-working example?
Thanks!

[neilff]

Interesting, I'm using Immutable, WebPack, Babel in my stack, I don't think that should cause any issues however... When I open source this project I'm working on, I can provide you the example of where it failed for me.

[loktar00]

This is happening with me as well I am using react-router wondering if something with that is causing issues. On refresh it always works perfectly, however when switching pages it doesn't.. still looking into it on my end, @neilff fix didn't work for my case.

[MicheleBertoli]

Hey @loktar00, thanks for the feedback!
I absolutely want to fix that, can you please share with me a non-working example?
We are using both react-gmaps and react-router in production at BIZZBY without any errors, I really need help from you guys to find the problem.
Thanks!

[jnmandal]

I didn't get this exact error, but the problem could be that you need to bind this. Ie:

onMapCreated={this.onMapCreated.bind(this)}

I absent mindedly copy-pasted the example to play around and was getting a "Uncaught TypeError: Cannot read property 'Gmaps' of undefined" until I added the binding.

Using webpack with babel-loader and react-hot.

[MicheleBertoli]

@neilff checking your react-liqbo repo, I found and fixed the problem. Thanks!

@jnmandal it looks like you are using ES6 Classes, right?

[jnmandal]

Yep, using ES6 classes.. Just realized you were using React's class constructor, that explains it!

[MicheleBertoli]

@jnmandal perfect, thanks!

[neilff]

@MicheleBertoli hey sorry, was away last few weeks, I'll take a look at the PR when I have a chance, thanks