title: react-leaflet Popup not showing when clicking marker
body: <p>I'm using react-leaflet in my ReactJS application and I tried to create markers dynamically and added popup as below code. But popup box is not showing and there is an error appear in web developer console </p>
  
  <blockquote>
    <p>TypeError: point is null</p>
  </blockquote>
  
  <p>I am using react-leaflet version 2.5.0. Please kindly advise!</p>
  
  <pre><code>import React, { Component, useState } from 'react';
  import { Map as Mapview, TileLayer, Marker, Popup, GeoJSON  } from "react-leaflet";
  import "leaflet/dist/leaflet.css";
  import {API_URL} from "../../config/config";
  import axios from "axios";
  import { iconBlue, iconWell } from './icons';
  
  //import { Popover, PopoverBody, PopoverHeader } from 'reactstrap';
  
  class Map extends Component {
  
      constructor(props) {
          super(props);
          this.state = {
              data : [],
              zoom: 2,
              //modal: false,
          };
  
          this.getLocationList = this.getLocationList.bind(this);
          //this.setModal = this.setModal.bind(this);
      }
  
      // setModal(val){
      //     this.setState({modal: val});
      // }
  
      componentDidMount(){
          this.getLocationList();
      }
  
      getLocationList(){
          axios.get(API_URL + "location")
              .then((response) =&gt; {
              if(response.data.status === "success")
              {
                  this.setState({data: response.data.location});
                  console.log(this.state.data);
              }
          })
      }
  
      render() {
  
  
          return (
          &lt;div&gt;
              &lt;Mapview 
              style={{ height: "480px", width: "100%" }}
              zoom={6}
              center={[19.745589, 96.15972]}&gt;
                  &lt;TileLayer
                      attribution="&amp;amp;copy &lt;a href=&amp;quot;http://osm.org/copyright&amp;quot;&gt;OpenStreetMap&lt;/a&gt; contributors"
                      url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
                  /&gt;
                  {
                      this.state.data.map((location) =&gt; 
                      &lt;Marker position={[location.location_lat, location.location_long]} icon={iconWell}&gt;
                          &lt;Popup&gt;A pretty CSS3 popup.&lt;br /&gt;Easily customizable.&lt;/Popup&gt;
                      &lt;/Marker&gt;
                      )
                  }
              &lt;/Mapview&gt;
          &lt;/div&gt;
          );
      }
  }
  
  export default Map;
  </code></pre>