fix(react) added internal edge components, to make id, source, handle optional on exported edges

packages/react/src/components/Edges/StraightEdge.tsx

@@ -1,11 +1,12 @@
 import { memo } from 'react';
-import { getStraightPath } from '@xyflow/system';
+import { type Optional, getStraightPath } from '@xyflow/system';
 
 import BaseEdge from './BaseEdge';
 import type { EdgeProps } from '../../types';
 
 const StraightEdge = memo(
   ({
+    id,
     sourceX,
     sourceY,
     targetX,
@@ -20,11 +21,12 @@ const StraightEdge = memo(
     markerEnd,
     markerStart,
     interactionWidth,
-  }: EdgeProps) => {
+  }: Optional<EdgeProps, 'id' | 'source' | 'target'>) => {
     const [path, labelX, labelY] = getStraightPath({ sourceX, sourceY, targetX, targetY });
 
     return (
       <BaseEdge
+        id={id}
         path={path}
         labelX={labelX}
         labelY={labelY}