useMutationObserver

import { useMutationObserver } from '@1hook/use-mutation-observer'

function MyComponent() {
  const { ref } = useMutationObserver(
    (entry) => console.log("The element's child list has changed!"),
    { childList: true },
  )

  return <div ref={ref} />
}

function MyComponent() {
  const { ref, observe, unobserve } = useMutationObserver(
    (entry) => console.log("The element's child list has changed!"),
    { childList: true, autoObserve: false }, // Disable automatic observation
  )

  return (
    <div>
      <div ref={ref} />

      <button onClick={observe}>Start observing</button>

      <button onClick={unobserve}>Stop observing</button>
    </div>
  )
}