enableEdit is not a function with L.Layer class

[Milkker]

I am try to add Leaflet layer from well know text(wkt).
I found it does not include EditableMixin cause that layer.enableEdit is not a function error.

Leaflet.Editable/src/Leaflet.Editable.js

Lines 1917 to 1938 in 6bf3b5a

	if (L.Polyline) {
	L.Polyline.include(EditableMixin);
	L.Polyline.include(PolylineMixin);
	L.Polyline.addInitHook(keepEditable);
	}
	if (L.Polygon) {
	L.Polygon.include(EditableMixin);
	L.Polygon.include(PolygonMixin);
	}
	if (L.Marker) {
	L.Marker.include(EditableMixin);
	L.Marker.include(MarkerMixin);
	L.Marker.addInitHook(keepEditable);
	}
	if (L.Rectangle) {
	L.Rectangle.include(EditableMixin);
	L.Rectangle.include(RectangleMixin);
	}
	if (L.Circle) {
	L.Circle.include(EditableMixin);
	L.Circle.include(CircleMixin);
	}

How can I use enableEdit method with layer class?
Sample code：http://jsfiddle.net/Lhq0ance/8

[charlieforward9]

Make sure you are importing leaflet-editable AFTER leaflet & react-leaflet. This import augments the leaflet module with the editable fields.

import { ... } from "leaflet";
import { ... } from "react-leaflet";
import "leaflet-editable"; //Imports the augmented Leaflet module

Ref: https://stackoverflow.com/questions/40136890/this-props-enableedit-is-not-a-function-error-while-executing-function/78531060#78531060