#1999 Update InfoPanel useEffect (initialize timer variable inside us…

…eEffect)
epam · Dec 29, 2022 · aef7831 · aef7831
1 parent 061d5c0
commit aef7831
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ketcher-react/src/script/ui/views/components/StructEditor/InfoPanel.tsx b/packages/ketcher-react/src/script/ui/views/components/StructEditor/InfoPanel.tsx
@@ -104,9 +104,9 @@ const InfoPanel: FC<InfoPanelProps> = (props) => {
   const [molecule, setMolecule] = useState<Struct | null>(null)
   const childRef = useRef(null)
   const groupName = sGroup?.data?.name
-  let timer: ReturnType<typeof setTimeout>
 
   useEffect(() => {
+    let timer
     if (groupStruct) {
       timer = setTimeout(() => {
         setMolecule(groupStruct.clone())
@@ -115,7 +115,7 @@ const InfoPanel: FC<InfoPanelProps> = (props) => {
       setMolecule(null)
     }
     return () => clearTimeout(timer)
-  }, [groupName])
+  }, [groupName, groupStruct])
 
   const [position, size] = getPanelPosition(clientX, clientY, render, sGroup)
   const { x, y } = position