Merge pull request #5415 from xyflow/chore/marker-types

chore(types): less strict marker type #5411

.changeset/plenty-buckets-tan.md

@@ -0,0 +1,6 @@
+---
+'@xyflow/react': patch
+'@xyflow/system': patch
+---
+
+Allow strings and enums for existing marker types

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(() => {

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;