Cannot read property 'map' of undefined ({layers.map(layer => ( )) about react-vector-maps HOT 6 CLOSED

Okay, think I see where you're going wrong here and I agree that the examples are not as clear as I thought they were went I created them - I'll look to address them at some stage so thanks for pointing this out 😅

The issue you have is that layers is undefined. The error is occurring because undefined.map is invalid (.map is a function of an array, not undefined).

layers is a key inside each map json file and it is undefined because you haven't spread a json map onto the component's usage (and this is where you're correct that the examples are wrong/complicated)

The code in TooltipLayers.js is already wrapping the VectorMap for you - you need to use the TooltipLayers component that it exports as seen here in the storybook file.

Once you've passed a map to it, the error should go away.

You are also correct in changing the ../index import to @south-paw/react-vector-maps - the reason it is index in the example is that I don't want to have my package installing itself for the demo.

I hope this helps, let me know how you get on 👍

from react-vector-maps.

Thank you very much Its working fine now.

from react-vector-maps.

Hi, I'm pretty confused by this issue.

You're saying that the library is not working but the error is coming from YOUR source files (C:/React Work/check-map-stats/src/components/VectorMap.js) not a node_modules folder of the library as I'd expect if you had installed the library via npm or yarn.

Your 'code' is also just a 1:1 copy of the libraries source and it doesn't use any of the @south-paw/react-vector-maps components so I'm struggling to see how this is an issue with the library?

I'm happy to help out with library issues but right now this looks like an invalid one as you're not even using things correctly in the first place.

from react-vector-maps.

As I had written simple map is working fine means if I just import these two :

import VectorMap from '@south-paw/react-vector-maps';
import world from '@south-paw/react-vector-maps/maps/json/world.json';

and in template add <VectorMap {...world} /> this it shows default map and its perfectly fine.

But I am unable to grasp the situation that in your examples ,take any one of them as I had implemented TooltipLayers example Its not importing any dependency from @south-paw/react-vector-maps so how should I configure it to include @south-paw/react-vector-maps its just giving me error in propTypes.

from react-vector-maps.

please see TooltipLayer.js code It does not include @south-paw/react-vector-maps import and please let me know how should I integrate and run this example If I just want to add tooltipLayer exapmle not whole code, surely I there is some problem in my configuration but I am working on hit and trial because there is no clear document available to configure any example code.

from react-vector-maps.

Before now I was using your index file as you had used in TooltipLayer.js

But now after your reply I have imported this Vector Map from @south-paw/react-vector-maps

and error changed to node_module

from react-vector-maps.