Type '{ name: string; areas: string; }' is not assignable to type 'Map'

[jasymons]

Describe the bug There's an error on the map parameter of the ImageMapper component: "Type '{ name: string; areas: string; }' is not assignable to type 'Map'. Types of property 'areas' are incompatible. Type 'string' is not assignable to type 'MapAreas[]'."

To Reproduce Use <ImageMapper src{URL} map={MAP} /> with the example JSON from the npm page: https://raw.githubusercontent.com/img-mapper/react-docs/master/src/assets/example.json

Error Stack Type '{ name: string; areas: string; }' is not assignable to type 'Map'. Types of property 'areas' are incompatible. Type 'string' is not assignable to type 'MapAreas[]'.

Expected behavior Map should work

Screenshots

Desktop (please complete the following information):

• OS: macOS Ventura
• Browser: Chrome
• Version: 110

[NishargShah]

Hello @jasymons, areas is JSON and you need to copy it from the example.json and paste it there

Sample Codesandbox: https://codesandbox.io/s/spring-monad-vyfltk?file=/src/App.js

Please check the docs: https://img-mapper.github.io/react-docs/?path=/story/examples-simple--simple