diff --git a/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx b/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
index 6b59d04e..d4244d83 100644
--- a/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
+++ b/packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
@@ -40,7 +40,7 @@ export const MarkerSymbols = {
   [MarkerType.ArrowClosed]: ArrowClosedSymbol,
 };
 
-export function useMarkerSymbol(type: MarkerType) {
+export function useMarkerSymbol(type: MarkerType | `${MarkerType}`) {
   const store = useStoreApi();
 
   const symbol = useMemo(() => {
diff --git a/packages/system/src/types/edges.ts b/packages/system/src/types/edges.ts
index 143e66dd..03001d75 100644
--- a/packages/system/src/types/edges.ts
+++ b/packages/system/src/types/edges.ts
@@ -90,7 +90,7 @@ export enum ConnectionLineType {
  * @public
  */
 export type EdgeMarker = {
-  type: MarkerType;
+  type: MarkerType | `${MarkerType}`;
   color?: string;
   width?: number;
   height?: number;