React 19 introduces significant updates to how refs are handled. It eliminates the need for forwardRef when passing refs to built-in elements, simplifying the code. It also adds the ability to return cleanup functions in ref callbacks, making ref management more efficient and reducing the need for manual cleanup.
Table of contents
The problem with forwardRefUnderstanding the change with a pizza exampleBefore React 19 (using forwardRef – complex)After React 19 (passing ref as a prop - easier)Why this Update is usefulCleanup function for refConclusionSort: