From 572505ea15f2aa9b80fe838f3fd0855575ac6a85 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 18 Sep 2023 17:20:59 +0200
Subject: [PATCH] chore(marker-symbols): use style instead of svg attrs

---
 .../src/container/EdgeRenderer/MarkerSymbols.tsx   | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx b/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
index 8ae3bb52..13ebfd92 100644
--- a/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
+++ b/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
@@ -8,10 +8,12 @@ type SymbolProps = Omit<EdgeMarker, 'type'>;
 const ArrowSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
   return (
     <polyline
-      stroke={color}
+      style={{
+        stroke: color,
+        strokeWidth,
+      }}
       strokeLinecap="round"
       strokeLinejoin="round"
-      strokeWidth={strokeWidth}
       fill="none"
       points="-5,-4 0,0 -5,4"
     />
@@ -21,11 +23,13 @@ const ArrowSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
 const ArrowClosedSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
   return (
     <polyline
-      stroke={color}
+      style={{
+        stroke: color,
+        fill: color,
+        strokeWidth,
+      }}
       strokeLinecap="round"
       strokeLinejoin="round"
-      strokeWidth={strokeWidth}
-      fill={color}
       points="-5,-4 0,0 -5,4 -5,-4"
     />
   );