Update handlers before render

elastic · Oct 27, 2020 · 9992271 · 9992271
1 parent 5b10096
commit 9992271
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/x-pack/plugins/canvas/public/components/render_with_fn/render_with_fn.tsx b/x-pack/plugins/canvas/public/components/render_with_fn/render_with_fn.tsx
@@ -83,15 +83,13 @@ export const RenderWithFn: FC<Props> = ({
     []
   );
 
-  useEffect(() => {
+  const render = useCallback(() => {
     if (!isEqual(handlers.current, incomingHandlers)) {
       handlers.current = incomingHandlers;
     }
-  }, [incomingHandlers]);
 
-  const render = useCallback(() => {
     renderFn(renderTarget.current!, config, handlers.current);
-  }, [renderTarget, config, renderFn]);
+  }, [renderTarget, config, renderFn, incomingHandlers]);
 
   useEffect(() => {
     if (!domNode) {