Fix compile

Author: fiorsaoirse

src/extensions/react-flow/edges/stories/EdgeDefaultV12.stories.tsx

@@ -44,7 +44,7 @@ const EdgeDefault = (args: Edge) => {
                         id: args.source,
                         type: "source",
                         tooltip: "this is a source handle",
-                        position: Position.Left,
+                        position: Position.Right,
                         onClick: (params) => {
                             // eslint-disable-next-line no-console
                             console.log("onClick source", params);
@@ -66,7 +66,7 @@ const EdgeDefault = (args: Edge) => {
                         id: args.target,
                         type: "target",
                         tooltip: "this is a target handle",
-                        position: Position.Right,
+                        position: Position.Left,
                         onClick: (params) => {
                             // eslint-disable-next-line no-console
                             console.log("onClick target", params);

src/extensions/react-flow/nodes/NodeContent.tsx

@@ -299,13 +299,17 @@ const addHandles = (
     });
 };
 
+function compareStyleDirection(styleA: React.CSSProperties, styleB: React.CSSProperties, direction: string) {
+    return styleA[direction as keyof React.CSSProperties] === styleB[direction as keyof React.CSSProperties];
+}
+
 const MemoHandler = React.memo(
     (props: MemoHandlerProps) => <HandleDefault {...props} />,
     (prev, next) => {
         return (
             // we only test a few properties to control re-rendering
             // need to be extended if also other properties need to be changed late
-            prev.style[prev.posdirection] === next.style[next.posdirection] &&
+            compareStyleDirection(prev.style, next.style, prev.posdirection) &&
             prev.isConnectable === next.isConnectable &&
             prev.intent === next.intent &&
             prev.category === next.category