Just trying out the new lightning:tree component and it works great when I add it to a lightning page,  however when I add it (using lightning out) to a legacy Visualforce page everything displays and works correctly except for the right/down chevrons which do not display at all.

https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_visualforce.htm

Using the browser's tools the url for the broken chevron svg images is:

xlink:href="undefined/_slds/icons/v7.31.0/utility-sprite/svg/symbols.svg#chevronright"

But looking at a working lightning:tree component the url should be:

xlink:href="/_slds/icons/v7.31.0/utility-sprite/svg/symbols.svg#chevronright"

What is adding 'undefined' at the start of the url and how can I stop it?

#LEX4VF

https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_visualforce.htm