1---
2category: Reactivity
3---
4 
5# refDefault
6 
7Apply default value to a ref.
8 
9## Usage
10 
11```ts
12import { refDefault, useStorage } from '@vueuse/core'
13 
14const raw = useStorage('key')
15const state = refDefault(raw, 'default')
16 
17raw.value = 'hello'
18console.log(state.value) // hello
19 
20raw.value = undefined
21console.log(state.value) // default
22```
23 
24## Type Declarations
25 
26```ts
27/**
28 * Apply default value to a ref.
29 *
30 * @__NO_SIDE_EFFECTS__
31 */
32export declare function refDefault<T>(
33  source: Ref<T | undefined | null>,
34  defaultValue: T,
35): Ref<T>
36```
37