I am using the react-leaflet component <Rectangle /> and I am trying to add a CSS gradient (regarding opacity) to it.
AFAIK I need to create a <defs><linearGradient {...} /></defs> to the <svg> element, which is the box of the rectangles. (Which are basically grouped <path> elements.)
Like it is described here: https://stackoverflow.com/a/14051549/2092322
Is there any way to grab the svg element and add the <linearGradient> configurations to it?
I have tried to use a useRef callback of a surrounding <div> element, but it turned out that leaflets pane is rendered outside of it. And I cannot use a useRef callback directly on a surrounding <Pane>, since it is not allowed in the typings (using "typescript": "^4.7.2" and "@types/react-leaflet": "^2.8.2").
I am afraid, that I need my own <div> elements as custom Marker icon and style them, but I'd like to know, whether there is a way to do it with <Rectangle>, too.
