React Hooks Cheat Sheet/useRef mutable container

Persist mutable values between renders without re-rendering.

Section: Context and Ref Hooks

useRef mutable container

tsx
tsx
const latestValue = useRef(value);
latestValue.current = value;
Explanation

Common for storing previous values, AbortControllers, or instance-like fields.

Learn the surrounding workflow

Compare similar commands or jump into common fixes when this command is part of a bigger troubleshooting path.

Related commands

Same sheet · prioritizing Context and Ref Hooks
useRef DOM reference
Reference a DOM node.
OpenIn sheettsxsame section
useContext basic usage
Read the nearest context value.
OpenIn sheettsxsame section
useImperativeHandle custom ref API
Expose a controlled imperative API to a parent ref.
OpenIn sheettsxsame section
useId for stable accessible IDs
Generate stable IDs for labels and ARIA relationships.
OpenIn sheettsxsame section
useDebugValue in a custom hook
Label a custom hook in React DevTools.
OpenIn sheettsxsame section
useState basic state
Create local component state.
OpenIn sheettsx2 tag match