@restart/hooks
Version:
A set of utility and general-purpose React hooks.
29 lines (28 loc) • 672 B
JavaScript
exports.__esModule = true;
exports.default = usePrevious;
var _react = require("react");
/**
* Store the last of some value. Tracked via a `Ref` only updating it
* after the component renders.
*
* Helpful if you need to compare a prop value to it's previous value during render.
*
* ```ts
* function Component(props) {
* const lastProps = usePrevious(props)
*
* if (lastProps.foo !== props.foo)
* resetValueFromProps(props.foo)
* }
* ```
*
* @param value the value to track
*/
function usePrevious(value) {
const ref = (0, _react.useRef)(null);
(0, _react.useEffect)(() => {
ref.current = value;
});
return ref.current;
}
;