Home / File/ use-mutation-observer.ts — ui Source File

use-mutation-observer.ts — ui Source File

Architecture documentation for use-mutation-observer.ts, a typescript file in the ui codebase. 1 imports, 0 dependents.

File typescript ComponentRegistry Styles 1 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  075d94eb_73b5_f20f_0019_f75db3bc14dd["use-mutation-observer.ts"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  075d94eb_73b5_f20f_0019_f75db3bc14dd --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  style 075d94eb_73b5_f20f_0019_f75db3bc14dd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import * as React from "react"

export const useMutationObserver = (
  ref: React.MutableRefObject<HTMLElement | null>,
  callback: MutationCallback,
  options = {
    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])
}

Subdomains

Dependencies

  • react

Frequently Asked Questions

What does use-mutation-observer.ts do?
use-mutation-observer.ts is a source file in the ui codebase, written in typescript. It belongs to the ComponentRegistry domain, Styles subdomain.
What functions are defined in use-mutation-observer.ts?
use-mutation-observer.ts defines 1 function(s): useMutationObserver.
What does use-mutation-observer.ts depend on?
use-mutation-observer.ts imports 1 module(s): react.
Where is use-mutation-observer.ts in the architecture?
use-mutation-observer.ts is located at deprecated/www/hooks/use-mutation-observer.ts (domain: ComponentRegistry, subdomain: Styles, directory: deprecated/www/hooks).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free