Most basic example won't work on latest version

Hello, I wanna use react-simple-maps with Typescript. Since types are defined for 0.12+ versions only I am forced to use the latest versions of the library (0.12.1). Trying to do so results in an error, presumably because the render props passed by Geographies has changed. Trying to console.log those props returned an empty array.

Please see this example: https://codesandbox.io/s/basic-map-s4cdv?fontsize=14&hidenavigation=1&theme=dark

Note that the only difference from the original example is the version specified in package.json.

I couldn’t find any explanation about the latest version and how to use it on the website/docs.

Thank you.

[zimrick]

That’s cool @Amiryy,

If you are using v1, the disableOptimization prop is no longer in use. It was a bit of a confusing feature of rsm that has been solved differently in v1, so the prop has been retired.

[zimrick]

Hi @Amiryy,

The documentation as well as all the old examples are still available in the repo under the v0.12.x branch.

There is one additional change in the API from v0.12 to v1, and that is that v0.12 returns the geographies, and v1 returns an object, which contains geographies, projection, and path. so the difference is that in v1 you can use destructuring to get the geographies, and in v0.12 you just get the geographies directly. Note that v0.12 also does not have an rsmKey for the geographies, so you will have to make a unique id (based off iso code, or something else unique for every country).

// v0.12
<Geographies geography={geoUrl}>
  {(geographies) =>
    geographies.map(geo => <Geography key={geo.id} geography={geo} />)
  }
</Geographies>

// v1
<Geographies geography={geoUrl}>
  {({ geographies }) =>
    geographies.map(geo => <Geography key={geo.rsmKey} geography={geo} />)
  }
</Geographies>

Hope this helps.