fix useEffect() inifinite loop

gabrieljablonski · danielbarion · commit 1faedc81c7bb · 2022-12-12T11:57:48.000-03:00
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
@@ -115,7 +115,9 @@ const Tooltip = ({
 
     const anchorById = document.querySelector(`[id='${anchorId}']`) as HTMLElement
     if (anchorById) {
-      setActiveAnchor({ current: anchorById })
+      setActiveAnchor((anchor) =>
+        anchor.current === anchorById ? anchor : { current: anchorById },
+      )
       elementRefs.add({ current: anchorById })
     }
 

Original file line number	Diff line number	Diff line change
`@@ -115,7 +115,9 @@ const Tooltip = ({`
`115`	`115`
`116`	`116`	const anchorById = document.querySelector(`[id='${anchorId}']`) as HTMLElement
`117`	`117`	`if (anchorById) {`
`118`		`- setActiveAnchor({ current: anchorById })`
	`118`	`+ setActiveAnchor((anchor) =>`
	`119`	`+ anchor.current === anchorById ? anchor : { current: anchorById },`
	`120`	`+ )`
`119`	`121`	`elementRefs.add({ current: anchorById })`
`120`	`122`	`}`
`121`	`123`