🤖 Merge PR DefinitelyTyped#73987 fix(react-grid-layout): resizeHandle type definition by @csamuel

Author: csamuel

types/react-grid-layout/index.d.ts

@@ -247,7 +247,10 @@ declare namespace ReactGridLayout {
         /**
          * Defines custom component for resize handle
          */
-        resizeHandle?: React.ReactNode | ((resizeHandle: ResizeHandle) => React.ReactNode) | undefined;
+        resizeHandle?:
+            | React.ReactNode
+            | ((resizeHandleAxis: ResizeHandle, ref: React.Ref<HTMLElement>) => React.ReactNode)
+            | undefined;
 
         /**
          * Calls when drag starts.

types/react-grid-layout/react-grid-layout-tests.tsx

@@ -106,3 +106,35 @@ class InnerRefCallbackTest extends React.Component {
         return <ReactGridLayout innerRef={(_: HTMLDivElement | null) => {}} />;
     }
 }
+
+class ResizeHandleFunctionTest extends React.Component {
+    render() {
+        return (
+            <ReactGridLayout
+                resizeHandle={(resizeHandleAxis, ref) => (
+                    <div ref={ref as React.Ref<HTMLDivElement>} className={`custom-handle-${resizeHandleAxis}`}>
+                        {resizeHandleAxis}
+                    </div>
+                )}
+            />
+        );
+    }
+}
+
+class ResizeHandleElementTest extends React.Component {
+    render() {
+        return <ReactGridLayout resizeHandle={<div className="custom-handle" />} />;
+    }
+}
+
+class ResizeHandleResponsiveTest extends React.Component {
+    render() {
+        return (
+            <Responsive
+                resizeHandle={(axis, ref) => {
+                    return <span ref={ref} data-axis={axis} />;
+                }}
+            />
+        );
+    }
+}