useMutationObserver() — ui Function Reference

Architecture documentation for the useMutationObserver() function in use-mutation-observer.ts from the ui codebase.

Function typescript DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ useMutationObserver() — ui Function Reference

Dependency Diagram

graph TD
  df6dd05b_f285_afbd_9e51_83c71c7b74b4["useMutationObserver()"]
  980d6d43_e9df_f352_d67f_b56b11c83c6d["use-mutation-observer.ts"]
  df6dd05b_f285_afbd_9e51_83c71c7b74b4 -->|defined in| 980d6d43_e9df_f352_d67f_b56b11c83c6d
  style df6dd05b_f285_afbd_9e51_83c71c7b74b4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/hooks/use-mutation-observer.ts lines 3–20

export const useMutationObserver = (
  ref: React.RefObject<HTMLElement | null>,
  callback: MutationCallback,
  options: MutationObserverInit = {
    attributes: true,
    characterData: true,
    childList: true,
    subtree: true,
  }
) => {
  React.useEffect(() => {
    if (ref.current) {
      const observer = new MutationObserver(callback)
      observer.observe(ref.current, options)
      return () => observer.disconnect()
    }
  }, [ref, callback, options])
}