use-mutation-observer.md

description
Observe the changes of a reference using MutationObserver

use-mutation-observer

Module

import { 
    useMutationObserver, 
    useMutationObserverState 
} from "@atomico/hooks/use-mutation-observer";

useMutationObserver syntax

Observe mutations using a callback

useMutationObserver(    
    ref: Ref<Element>,    
    observe: MutationCallback,    
    config?: MutationObserverInit
);

useMutationObserver syntax

Reflects mutations in a state

const mutations:MutationRecord[] = useMutationObserverState(    
    ref: Ref<Element>,    
    config?: MutationObserverInit
);

Example

{% embed url="https://webcomponents.dev/edit/collection/n2tZyzx4LMKqk1jNE0e9/DuOt53NoiMeLZfQKfVuf/src/index.jsx" %}