Ref
En behållare i React som håller ett muterbart värde utan att trigga omrendering, ofta används för att komma åt DOM-element direkt.
En ref skapas med useRef och returnerar ett objekt med en current-property. Det vanligaste användningsområdet är att hålla en referens till ett DOM-element — till exempel för att fokusera ett inputfält programmatiskt, starta uppspelning av en video, eller mäta ett elements dimensioner.
Till skillnad från state triggar en ändring av ref.current ingen omrendering. Det gör refs också användbara för att lagra värden som behöver överleva omrenderingar men inte ska trigga dem, som ett interval-ID eller ett tidigare state-värde.
I Next.js kan refs bara användas i klientkomponenter (use client). Server components har ingen DOM-åtkomst och behöver aldrig refs.