Use useCallback for url

romeovs · Oct 15, 2024 · f7f637c · f7f637c
1 parent 062b254
commit f7f637c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/component.tsx b/src/component.tsx
@@ -1,4 +1,5 @@
 import {Tool, useProjectId} from 'sanity'
+import {useCallback} from 'react'
 
 import 'graphiql/graphiql.css'
 import './custom.css'
@@ -45,12 +46,12 @@ function Render(props: GraphiQLToolProps) {
   })
   const storage = useNamespacedStorage<State>(state, setState)
 
-  function setUrl(url: string) {
+  const setUrl = useCallback(function (url: string) {
     setState((state) => ({
       ...state,
       url,
     }))
-  }
+  }, [])
 
   if (apis.data?.length === 0) {
     return (