lint errors

Arize-ai · Jul 22, 2024 · 9c414fe · 9c414fe
1 parent aca7ca3
commit 9c414fe
Showing 1 changed file with 19 additions and 15 deletions.
diff --git a/app/src/pages/trace/SpanAnnotationForm.tsx b/app/src/pages/trace/SpanAnnotationForm.tsx
@@ -1,4 +1,4 @@
-import React, { useRef } from "react";
+import React, { useCallback, useRef } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { css } from "@emotion/react";
 
@@ -41,20 +41,24 @@ export function SpanAnnotationForm(props: SpanAnnotationFormProps) {
   });
 
   // Internal onSubmit that performs validation
-  const _onSubmit = (data: AnnotationInterface) => {
-    if (!data.label && data.score === "") {
-      setError("label", {
-        type: "manual",
-        message: "Label or score is required",
-      });
-      setError("score", {
-        type: "manual",
-        message: "Label or score is required",
-      });
-      return;
-    }
-    onSubmit(data);
-  };
+  const _onSubmit = useCallback(
+    (data: AnnotationInterface) => {
+      if (!data.label && data.score === "") {
+        setError("label", {
+          type: "manual",
+          message: "Label or score is required",
+        });
+        setError("score", {
+          type: "manual",
+          message: "Label or score is required",
+        });
+        return;
+      }
+      onSubmit && onSubmit(data);
+    },
+    [onSubmit, setError]
+  );
+
   return (
     <form onSubmit={handleSubmit(_onSubmit)} ref={formRef}>
       <View padding="size-200">