add usecallback hook to not createa new function on each render

Datawheel · Apr 25, 2024 · 425dbb5 · 425dbb5
1 parent 268d42e
commit 425dbb5
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/next/cms/hooks/useFocus.js b/packages/next/cms/hooks/useFocus.js
@@ -1,10 +1,10 @@
-import {useRef} from "react";
+import {useCallback, useRef} from "react";
 
 const useFocus = () => {
   const htmlElRef = useRef(null);
-  const setFocus = () => {
+  const setFocus = useCallback(() => {
     if (htmlElRef.current) htmlElRef.current.focus();
-  };
+  }, []);
 
   return [htmlElRef, setFocus];
 };