refactor: position must have x and y

Author: gabrieljablonski

src/App.tsx

@@ -42,7 +42,7 @@ function WithProviderMultiple() {
 function App() {
   const [anchorId, setAnchorId] = useState('button')
   const [isDarkOpen, setIsDarkOpen] = useState(false)
-  const [position, setPosition] = useState<IPosition>({})
+  const [position, setPosition] = useState<IPosition>({ x: 0, y: 0 })
 
   const handlePositionClick: React.MouseEventHandler<HTMLDivElement> = (event) => {
     const x = event.clientX

src/components/Tooltip/Tooltip.tsx

@@ -102,7 +102,7 @@ const Tooltip = ({
   }
 
   const handleTooltipPosition = () => {
-    if (!position?.x || !position?.y) {
+    if (!position) {
       return
     }
 
@@ -120,7 +120,7 @@ const Tooltip = ({
         }
       },
     } as Element
-
+    setCalculatingPosition(true)
     computeTooltipPosition({
       place,
       offset,
@@ -210,7 +210,8 @@ const Tooltip = ({
   }, [anchorRefs, activeAnchor, anchorId, events, delayHide, delayShow])
 
   useEffect(() => {
-    if (position?.x && position?.y) {
+    if (position) {
+      // if `position` is set, override regular positioning
       handleTooltipPosition()
       return () => null
     }

src/components/Tooltip/TooltipTypes.d.ts

@@ -25,8 +25,8 @@ export type DataAttribute =
   | 'delay-hide'
 
 export interface IPosition {
-  x?: number
-  y?: number
+  x: number
+  y: number
 }
 
 export interface ITooltip {