@react-hookz/web/esnext/useRafState/useRafState.js

React hooks done right, for browser and SSR.

import { useRafCallback, useSafeState, useUnmountEffect } from '..';
/**
 * Like `React.useState`, but state is only updated within animation frame.
 */
export function useRafState(initialState) {
    const [state, innerSetState] = useSafeState(initialState);
    const [setState, cancelRaf] = useRafCallback(innerSetState);
    useUnmountEffect(cancelRaf);
    return [state, setState];
}