title: Mouseover on leaflet markers gives Error layer.setStyle is not a function
body: <p>I have some markers on my map and on mouseover I want to display information in the L.control. Something similar to this <a href="https://leafletjs.com/examples/choropleth/" rel="nofollow noreferrer">example</a>On giving style to my L.control in the <code>highlightFeature()</code> It throws an error at layer.setStyle is not a function. What am I doing wrong or is there a work around.</p>
  
  <pre><code>var info = L.control();
  
  info.onAdd = function (map) {
      this._div = L.DomUtil.create('div', 'info');
      this.update();
      return this._div;
    };
  
    info.update = function (props) {
      console.log(props)
      this._div.innerHTML = 'bjkbjk';
    };
  
  function highlightFeature(e) {
      var layer = e.target;
      console.log('hey')
     layer.setStyle({
        weight: 5,
        color: '#666',
        dashArray: '',
        fillOpacity: 0.7
      });
      if (!L.Browser.ie &amp;&amp; !L.Browser.opera &amp;&amp; !L.Browser.edge) {
        layer.bringToFront();
      }
      console.log(layer.feature.properties);
      info.update(layer.feature.properties);
    }
   function resetHighlight(e) {
      //stateLayer.resetStyle(e.target);
      info.update();
    }
  
  function zoomToFeature(e) {
      map.fitBounds(e.target.getBounds());
  }
  
  function onEachFeature(feature, layer) {
      layer.on({
        mouseover: highlightFeature,
        mouseout: resetHighlight,
        click: zoomToFeature
      });
    }
  subset_layer = L.geoJson(subsetCollection,{onEachFeature: onEachFeature});
  </code></pre>