fix querySelector() to support useId()

gabrieljablonski · gabrieljablonski · commit dd626ed06fd4 · 2022-12-08T00:40:02.000-03:00
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
@@ -106,7 +106,7 @@ const Tooltip = ({
   const debouncedHandleHideTooltip = debounce(handleHideTooltip, 50)
 
   useEffect(() => {
-    const elementReference = document.querySelector(`#${anchorId}`)
+    const elementReference = document.querySelector(`[id='${anchorId}']`)
 
     if (!elementReference) {
       // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -140,7 +140,7 @@ const Tooltip = ({
   }, [anchorId, events, delayHide, delayShow])
 
   useEffect(() => {
-    const elementReference = document.querySelector(`#${anchorId}`)
+    const elementReference = document.querySelector(`[id='${anchorId}']`)
 
     computeToolTipPosition({
       place,
diff --git a/src/components/TooltipController/TooltipController.tsx b/src/components/TooltipController/TooltipController.tsx
@@ -123,7 +123,7 @@ const TooltipController = ({
       return () => {}
     }
 
-    const elementReference = document.querySelector(`#${anchorId}`)
+    const elementReference = document.querySelector(`[id='${anchorId}']`)
 
     if (!elementReference) {
       // eslint-disable-next-line @typescript-eslint/no-empty-function

Original file line number	Diff line number	Diff line change
`@@ -123,7 +123,7 @@ const TooltipController = ({`
`123`	`123`	`return () => {}`
`124`	`124`	`}`
`125`	`125`
`126`		- const elementReference = document.querySelector(`#${anchorId}`)
	`126`	+ const elementReference = document.querySelector(`[id='${anchorId}']`)
`127`	`127`
`128`	`128`	`if (!elementReference) {`
`129`	`129`	`// eslint-disable-next-line @typescript-eslint/no-empty-function`