How to use use-deep-compare-effect - 2 common examples
To help you get started, we’ve selected a few use-deep-compare-effect examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
hemlok / spring-keyframes / packages / react-emotion / src / useSpring.ts View on Github 
...options,
},
})
if (whileTap || whileHover) {
useWhileInteraction({
ref,
animateToFrame,
from: to,
whileHover,
whileTap,
})
}
// Deep compare the `animate|to` @Frame so that we can animate updates.
useDeepCompareEffectNoCheck(() => {
if (!mountRef.current) {
animateToFrame(to, true)
mountRef.current = true
return
}
if (!isVisible && exit) {
animateToFrame(exit, true)
} else {
if (isExiting) return
animateToFrame(to, true)
}
visibilityRef.current = isVisible
}, [isVisible, to])error: action.error,
isReady: true,
}
default:
return state
}
},
{
result: null,
error: null,
isLoading: false,
isReady: false,
}
)
useDeepCompareEffect(() => {
let ignore = false
async function fetchData() {
try {
const {data} = await api().post('/', rpcBody)
if (!ignore) {
dataDispatch({type: 'done', ...data})
}
} catch (error) {
if (!ignore) {
dataDispatch({type: 'fail', error})
}
}
}
if (rpcBody.method) {use-deep-compare-effect
It's react's useEffect hook, except using deep comparison on the inputs, not reference equality
