October 2026 - useValueAsRef and useRefWithInit

Dice UI components use two small ref hooks. They now share Base UI's names, so call sites read the same in both bases:

Base UI components no longer copy either hook into your project. Radix components install the renamed hooks.

Migrating

Existing components keep working, because your copies of the old hooks stay in place. To move over, reinstall the components, or update the imports yourself:

import { useAsRef } from "@/hooks/use-as-ref"; 
import { useLazyRef } from "@/hooks/use-lazy-ref"; 
import { useRefWithInit } from "@base-ui/utils/useRefWithInit"; 
import { useValueAsRef } from "@base-ui/utils/useValueAsRef"; 

import { useAsRef } from "@/hooks/use-as-ref"; 
import { useLazyRef } from "@/hooks/use-lazy-ref"; 
import { useRefWithInit } from "@/hooks/use-ref-with-init"; 
import { useValueAsRef } from "@/hooks/use-value-as-ref"; 

Then rename the calls. @diceui/use-as-ref and @diceui/use-lazy-ref still install for now and will be removed in a future release.