From 38f8d2e6ee37cb2eae7ab6d640f6e4a564658475 Mon Sep 17 00:00:00 2001 From: Thomas Nordquist Date: Mon, 8 Jul 2019 01:22:16 +0200 Subject: [PATCH] Improve render performance --- app/src/components/Tree/TreeNode/index.tsx | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/app/src/components/Tree/TreeNode/index.tsx b/app/src/components/Tree/TreeNode/index.tsx index d1bb507..29c69d6 100644 --- a/app/src/components/Tree/TreeNode/index.tsx +++ b/app/src/components/Tree/TreeNode/index.tsx @@ -81,12 +81,15 @@ function TreeNodeComponent(props: Props) { didSelectTopic() }, [didSelectTopic]) - const mouseOver = (event: React.MouseEvent) => { - event.stopPropagation() - if (settings.get('selectTopicWithMouseOver') && treeNode && treeNode.message && treeNode.message.value) { - didSelectTopic() - } - } + const mouseOver = useCallback( + (event: React.MouseEvent) => { + event.stopPropagation() + if (settings.get('selectTopicWithMouseOver') && treeNode && treeNode.message && treeNode.message.value) { + didSelectTopic() + } + }, + [didSelectTopic] + ) useEffect(() => { treeNode.viewModel && treeNode.viewModel.setExpanded(!isCollapsed, false)