Leaflet-DVF+ReactJs:Uncaught TypeError: Cannot read property 'call' of undefined(…)
<p>When I'm trying to add layers <code>(L.MapMarker and L.ArcedPolyline)</code> in react component using <code>Leaflet-Dvf</code> library, I'm getting the following error:</p>

<pre><code>Uncaught TypeError: Cannot read property 'call' of undefined(…)
</code></pre>

<p>Leaflet-dvf reference: <a href="https://github.com/humangeo/leaflet-dvf" rel="nofollow noreferrer">https://github.com/humangeo/leaflet-dvf</a></p>

<p>Tried with all possible dependencies but still same error. 
The same code in plain html working fine, error is coming only in React component.</p>

<p><strong>Below is the code:</strong></p>

<pre><code>    import React from 'react';
    import ReactDOM from 'react-dom';
    import '../../../node_modules/leaflet-dvf/dist/css/dvf.css';
    import stylingMap from "../scss/decisionmaking.scss";
    import { Map, Marker,Path } from 'leaflet-dvf';
    import '../../../node_modules/leaflet-polylinedecorator/leaflet.polylineDecorator.js';
    import '../../../node_modules/leaflet-dvf/src/leaflet.dvf.markers.js';
    const Decision = React.createClass({    
        componentDidMount() {
            this.map();
        },

        map() {
            var map = L.map('map').setView([2, 20], 2);    
            L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
            attribution: '&amp;copy; &lt;a href="http://osm.org/copyright"&gt;'
            }).addTo(map);    
        var marker = new L.MapMarker(new L.LatLng(20.593684, 78.96288), {
          radius: 10,

        });
        map.addLayer(marker);
var arcedPolyline = new L.ArcedPolyline([[20.593684, 78.96288],[37.09024,-95.712891]],{
          distanceToHeight: new L.LinearFunction([0, 5], [800, 200]),
          color: 'blue',
          weight: 2
      });
      map.addLayer(arcedPolyline);
            render: function() {
                return (
                    &lt;div className="decisionmaking"&gt;
                    &lt;div id='map' style={{height:500+"px", width:900+"px"}}&gt;&lt;/div&gt;
                    &lt;/div&gt;
            );
        }
        });
        module.exports = Decision;
</code></pre>

<p>Error Screenshots:
<a href="https://i.stack.imgur.com/mRTQK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mRTQK.png" alt="enter image description here"></a></p>

<p><a href="https://i.stack.imgur.com/fQPTf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fQPTf.png" alt="enter image description here"></a></p>