helpers DebugObserver.ts

0% Statements 0/7

100% Branches 0/0

0% Functions 0/2

0% Lines 0/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { useEffect } from "react";
import { useRecoilSnapshot } from "recoil";
 
const DebugObserver = () => {
    const snapshot = useRecoilSnapshot();
    useEffect(() => {
        console.debug('The following atoms were modified:');
        for (const node of snapshot.getNodes_UNSTABLE({ isModified: true })) {
            console.debug(node.key, snapshot.getLoadable(node));
        }
    }, [snapshot]);
 
    return null;
}
 
export default DebugObserver;