Improve types in various places

Author: andreas-schultz

src/components/PropertyValuePair/PropertyValueList.tsx

@@ -7,7 +7,7 @@ import { PropertyValuePair } from "./PropertyValuePair";
 export interface PropertyValueListProps extends React.HTMLAttributes<HTMLDListElement> {
     /**
      * Only use one single column and put property label and value below each other.
-     * This property is forwardd to direct `PropertyValuePair` children.
+     * This property is forward to direct `PropertyValuePair` children.
      */
     singleColumn?: boolean;
 }
@@ -22,7 +22,7 @@ export const PropertyValueList = ({
         ? React.Children.map(children, (child) => {
               const originalChild = child as React.ReactElement;
               if (originalChild && originalChild.type && originalChild.type === PropertyValuePair) {
-                  return React.cloneElement(originalChild as React.ReactElement<{singleColumn: boolean}>, { singleColumn: true });
+                  return React.cloneElement(originalChild, { singleColumn: true });
               }
               return child;
           })

src/components/PropertyValuePair/PropertyValuePair.tsx

@@ -37,7 +37,7 @@ export const PropertyValuePair = ({
         ? React.Children.map(children, (child) => {
               const originalChild = child as React.ReactElement;
               if (originalChild.type && (originalChild.type === PropertyName || originalChild.type === PropertyValue)) {
-                  return React.cloneElement(originalChild as React.ReactElement<{nowrap: boolean}>, { nowrap: true });
+                  return React.cloneElement(originalChild, { nowrap: true });
               }
               return child;
           })

src/extensions/react-flow/edges/EdgeLabel.tsx

@@ -113,7 +113,7 @@ export interface EdgeLabelObjectProps extends React.SVGAttributes<SVGForeignObje
 export const EdgeLabelObject = memo(
     ({ children, edgeCenter, resizeTimeout = -1, ...otherForeignObjectProps }: EdgeLabelObjectProps) => {
         const containerCallback = React.useCallback(
-            (containerRef:any) => {
+            (containerRef: SVGForeignObjectElement | null) => {
                 if (containerRef) labelSize(containerRef);
             },
             [edgeCenter]

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

@@ -2,7 +2,7 @@ import React from "react";
 import {Position, useStoreState as getStoreStateFlowV9} from "react-flow-renderer";
 import {useStore as getStoreStateFlowV12} from "@xyflow/react";
 import Color from "color";
-import {NumberSize, Resizable, ResizeCallback} from "re-resizable";
+import {NumberSize, Resizable, ResizableProps, ResizeCallback} from "re-resizable";
 
 import {intentClassName, IntentTypes} from "../../../common/Intent";
 import {Depiction, DepictionProps} from "../../../components";
@@ -16,6 +16,7 @@ import {NodeDefaultProps} from "./NodeDefault";
 import {NodeHighlightColor} from "./sharedTypes";
 import Icon from "../../../components/Icon/Icon";
 import OverflowText from "../../../components/Typography/OverflowText";
+import {Direction} from "re-resizable/lib/resizer";
 
 /**
  * @deprecated (v26) use `HandleDefaultProps`
@@ -736,7 +737,7 @@ export function NodeContent<CONTENT_PROPS = React.HTMLAttributes<HTMLElement>>({
         return validatedHeight;
     };
 
-    const onResize = React.useCallback((_0:any, _1:any, _2:any, d:any) => {
+    const onResize: ResizableProps["onResize"] = React.useCallback((_0, _1, _2, d) => {
         if (nodeContentRef.current) {
             const nextWidth = resizeDirections.right
                 ? (width ?? originalSize.current.width ?? 0) + d.width