I'm trying to morph one SVG to another, the SVG's are ontop of each other. Its an SVG of a brain that morphs into a thumbs up. I keep getting the error:
WARNING: cannot morph a <G> SVG element. Use MorphSVGPlugin.convertToPath(elementOrSelectorText) to convert to a path before morphing.
The brain has an id of #start.
The thumbs up as an id of #end.
The thumbs up is hidden in the css.
I'm not sure where I'm going wrong, the codepen is attached.
See the Pen W