Slider arrows don't display under Vite

[brianlynn2]

Hi - I set up a sliding banner using the "Slider" under React and it worked fine.

I ported it to run under Vite and everything ran fine (images showed/slid, buttons worked, etc.) , except that the little arrows in the buttons did not show. I suspect it's a problem with the .css files under Vite that are somehow not showing the svg paths used to render the arrows on the buttons, but I haven't been able to figure out how to resolve this.

Original (under React):

Under Vite: (note missing arrows on banner)

[femioladeji]

Thanks for raising the issue. This will be looked into. You can probably use custom arrows for now as documented here https://react-slideshow-image.netlify.app/?path=/story/examples-customarrows--page

[brianlynn2]

Thanks! That sounds like a good idea. Will give it a try when I can.

[brianlynn2]

I did a quick try and it didn't work, per se ... but I was able to substitute a different arrow rendering method (just used a < and a > symbol instead of the svg) and it worked. So that approach should let me work around the issue. Thanks!

[daniel-coherentrx]

Wanted to add a +1 to this issue, as I'm encountering the same problem. Unsure if this is considered stale/not worth fixing or not. I can also just make custom arrow components, but it's odd that they disappeared.