@vtaits/use-lazy-ref

React.useRef with initialization callback

Example

$3

``typescript
import { useLazyRef } from '@vtaits/use-lazy-ref';

const ref = useLazyRef(() => getRefInitialValue());
`

1. No extra boilerplate.
2. Inferred type of ref.
3. Typescript knows that a value of ref cannot be undefined (if it's not a possible result of getRefInitialValue).

$3

`typescript
import { useRef } from 'react';

const ref = useRef();

if (!ref.current) {
ref.current = getRefInitialValue();
}
`

1. Extra boilerplate.
2. Ref type must be set.
3. Typescript thinks value of ref can be undefined`.