fix forward ref warning

Arize-ai · Oct 10, 2024 · 07f2302 · 07f2302
1 parent e8e90db
commit 07f2302
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/app/src/components/dnd/DragHandle.tsx b/app/src/components/dnd/DragHandle.tsx
@@ -7,15 +7,19 @@ import { css } from "@emotion/react";
 // eslint-disable-next-line @typescript-eslint/ban-types
 type Listeners = Record<string, Function>;
 
-function DragHandle({
-  listeners,
-  attributes,
-}: {
-  listeners?: Listeners;
-  attributes: DraggableAttributes;
-}) {
+function DragHandle(
+  {
+    listeners,
+    attributes,
+  }: {
+    listeners?: Listeners;
+    attributes: DraggableAttributes;
+  },
+  ref: React.Ref<HTMLButtonElement>
+) {
   return (
     <button
+      ref={ref}
       {...listeners}
       {...attributes}
       aria-roledescription="draggable"