Does not work within a <Pane/> element with name parameter set

[nemosmithasf]

The element throws an error when placed a element (but not when directly as a child to )

See below for error:

[clementallen]

Hi @nemosmithasf

Can you please share a codesandbox which replicates this issue? It will help me more easily understand and debug it.

Here's a template that may help: https://codesandbox.io/s/react-leaflet-textpath-hps8j

[nemosmithasf]

Here you go: https://codesandbox.io/s/react-leaflet-textpath-forked-ku7q4?file=/src/index.js:489-507

It seems like its not <Pane/> that is the problem, its the name parameter

[clementallen]

Thanks for the very useful codesandbox!

I've done some investigation and it unfortunately looks to be an issue with the underlying Leaflet.TextPath library not supporting Panes. The library is fairly old and not seen active development for a while so is unlikely to be fixed there anytime soon.

Here are some issues I found relating to this problem in their repo:

makinacorpus/Leaflet.TextPath#83
makinacorpus/Leaflet.TextPath#69
makinacorpus/Leaflet.TextPath#45

[nemosmithasf]

I see, that's a shame. Thanks for looking into it.