From 65b9db1e3ca128c30bf5a57d365a51f06dabc16e Mon Sep 17 00:00:00 2001
From: rodri <hamuyrodrigo@gmail.com>
Date: Wed, 7 Aug 2024 17:08:02 +0100
Subject: [PATCH] fix(Svg): patch for three r152

based on https://github.com/mrdoob/three.js/pull/26114
---
 src/core/Svg.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/core/Svg.tsx b/src/core/Svg.tsx
index 983298161..37a31855a 100644
--- a/src/core/Svg.tsx
+++ b/src/core/Svg.tsx
@@ -39,6 +39,8 @@ export const Svg: ForwardRefComponent<SvgProps, Object3D> = /* @__PURE__ */ forw
       return () => strokeGeometries.forEach((group) => group && group.map((g) => g.dispose()))
     }, [strokeGeometries])
 
+    let renderOrder = 0
+
     return (
       <object3D ref={ref} {...props}>
         <object3D scale={[1, -1, 1]}>
@@ -48,7 +50,7 @@ export const Svg: ForwardRefComponent<SvgProps, Object3D> = /* @__PURE__ */ forw
                 path.userData?.style.fill !== undefined &&
                 path.userData.style.fill !== 'none' &&
                 SVGLoader.createShapes(path).map((shape, s) => (
-                  <mesh key={s} {...fillMeshProps}>
+                  <mesh key={s} {...fillMeshProps} renderOrder={renderOrder++}>
                     <shapeGeometry args={[shape]} />
                     <meshBasicMaterial
                       color={path.userData!.style.fill}
@@ -64,7 +66,7 @@ export const Svg: ForwardRefComponent<SvgProps, Object3D> = /* @__PURE__ */ forw
                 path.userData?.style.stroke !== undefined &&
                 path.userData.style.stroke !== 'none' &&
                 path.subPaths.map((_subPath, s) => (
-                  <mesh key={s} geometry={strokeGeometries[p]![s]} {...strokeMeshProps}>
+                  <mesh key={s} geometry={strokeGeometries[p]![s]} {...strokeMeshProps} renderOrder={renderOrder++}>
                     <meshBasicMaterial
                       color={path.userData!.style.stroke}
                       opacity={path.userData!.style.strokeOpacity}