Kendo React Map component won't display

[Thomas]

We've tried to duplicate the React Map component demos as closely as possible, but the map body won't display. We've ensured that all necessary packages have been installed and that the parent div has a specified width and height. What are we missing? (Code also attached in file)

[Vessy]

Hi, Thomas,

The faced issue is related to the `flex` style applied to the Map parent.

Removing it will allow the Map to render its elements successfully:

      <div
        style={{
          display: 'flex',
          marginBottom: 45,
          width: 500,
          height: 500,
        }}
      >

You ca test the updated version of the provided sample here: https://stackblitz.com/edit/react-w6nccp?file=app%2Fmain.tsx

I hope this helps but let me know should I can assist you with anything else.

Regards,
Vessy
Progress Telerik