Using react-three-fiber, I have multiple “BoxGeomtry” meshes and I want to create width-adjustable edges around each one of them.
As in the examples I create the edges for each of them using “EdgesGeometry”, “LineBasicMaterail”, and “LineSegments”.
Using this arrangement changing the lineWidth works well on Chrome for values greater or less than 1.
However this doesn’t work on Firefox and the value stays fixed to 1.
I have tried using “lines” classes like in the example Here
But it doesn’t work and expresses a weird behavior, I don’t know maybe it doesn’t work with r3f?
Could anyone please give me a suggestion of how to solve this one?