fix: useEffect() infinite loop

Author: gabrieljablonski

src/components/TooltipProvider/TooltipProvider.tsx

@@ -7,27 +7,32 @@ import React, {
   useState,
 } from 'react'
 
-import type { AnchorRef, TooltipContextData } from './TooltipProviderTypes'
+import type {
+  AnchorRef,
+  TooltipContextData,
+  TooltipContextDataWrapper,
+} from './TooltipProviderTypes'
 
 const DEFAULT_TOOLTIP_ID = 'DEFAULT_TOOLTIP_ID'
+const DEFAULT_CONTEXT_DATA: TooltipContextData = {
+  anchorRefs: new Set(),
+  activeAnchor: { current: null },
+  attach: () => {
+    /* attach anchor element */
+  },
+  detach: () => {
+    /* detach anchor element */
+  },
+  setActiveAnchor: () => {
+    /* set active anchor */
+  },
+}
 
-const defaultContextData: TooltipContextData = {
-  getTooltipData: () => ({
-    anchorRefs: new Set(),
-    activeAnchor: { current: null },
-    attach: () => {
-      /* attach anchor element */
-    },
-    detach: () => {
-      /* detach anchor element */
-    },
-    setActiveAnchor: () => {
-      /* set active anchor */
-    },
-  }),
+const DEFAULT_CONTEXT_DATA_WRAPPER: TooltipContextDataWrapper = {
+  getTooltipData: () => DEFAULT_CONTEXT_DATA,
 }
 
-const TooltipContext = createContext<TooltipContextData>(defaultContextData)
+const TooltipContext = createContext<TooltipContextDataWrapper>(DEFAULT_CONTEXT_DATA_WRAPPER)
 
 const TooltipProvider: React.FC<PropsWithChildren> = ({ children }) => {
   const [anchorRefMap, setAnchorRefMap] = useState<Record<string, Set<AnchorRef>>>({

src/components/TooltipProvider/TooltipProviderTypes.d.ts

@@ -4,13 +4,15 @@ import type { ITooltipController } from 'components/TooltipController/TooltipCon
 export type AnchorRef = RefObject<HTMLElement>
 
 export interface TooltipContextData {
-  getTooltipData: (tooltipId?: string) => {
-    anchorRefs: Set<AnchorRef>
-    activeAnchor: AnchorRef
-    attach: (...refs: AnchorRef[]) => void
-    detach: (...refs: AnchorRef[]) => void
-    setActiveAnchor: (ref: AnchorRef) => void
-  }
+  anchorRefs: Set<AnchorRef>
+  activeAnchor: AnchorRef
+  attach: (...refs: AnchorRef[]) => void
+  detach: (...refs: AnchorRef[]) => void
+  setActiveAnchor: (ref: AnchorRef) => void
+}
+
+export interface TooltipContextDataWrapper {
+  getTooltipData: (tooltipId?: string) => TooltipContextData
 }
 
 export interface ITooltipWrapper {

src/index-dev.tsx

@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom'
 import App from './App'
 import './tokens.css'
 
+// eslint-disable-next-line no-console
 console.log('Parent folder loaded react version: ', version)
 
 ReactDOM.render(<App />, document.getElementById('app'))