Merge remote-tracking branch 'origin/main' into arrow-heads-fallback-color

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

@@ -47,7 +47,7 @@ export function BaseEdge({
   return (
     <>
       <path {...props} d={path} fill="none" className={cc(['react-flow__edge-path', props.className])} />
-      {interactionWidth && (
+      {interactionWidth ? (
         <path
           d={path}
           fill="none"
@@ -55,7 +55,7 @@ export function BaseEdge({
           strokeWidth={interactionWidth}
           className="react-flow__edge-interaction"
         />
-      )}
+      ) : null}
       {label && isNumeric(labelX) && isNumeric(labelY) ? (
         <EdgeText
           x={labelX}

packages/react/src/types/component-props.ts

@@ -545,7 +545,7 @@ export interface ReactFlowProps<NodeType extends Node = Node, EdgeType extends E
   noDragClassName?: string;
   /**
    * Typically, scrolling the mouse wheel when the mouse is over the canvas will zoom the viewport.
-   * Adding the `"nowheel"` class to an element n the canvas will prevent this behavior and this prop
+   * Adding the `"nowheel"` class to an element in the canvas will prevent this behavior and this prop
    * allows you to change the name of that class.
    * @default "nowheel"
    */

packages/react/src/types/nodes.ts

@@ -29,7 +29,14 @@ export type Node<
    */
   domAttributes?: Omit<
     HTMLAttributes<HTMLDivElement>,
-    'id' | 'style' | 'className' | 'draggable' | 'role' | 'aria-label' | keyof DOMAttributes<HTMLDivElement>
+    | 'id'
+    | 'style'
+    | 'className'
+    | 'draggable'
+    | 'role'
+    | 'aria-label'
+    | 'defaultValue'
+    | keyof DOMAttributes<HTMLDivElement>
   >;
 };