Function useAsyncValue

src/hooks/useAsyncValue.ts:40–58

(
	callback: () => Promise<R>,
	deps: DependencyList
)

 * ```
 */
export const useAsyncValue = <R>(
	callback: () => Promise<R>,
	deps: DependencyList
): AsyncValueHookResult<R> => {
	const [ asyncCallback, asyncState ] = useAsyncCallback( callback );

	useInstantEffect( asyncCallback, deps );

	// There might be short delay between the effect and the state update.
	// So it is possible that the status is still 'idle' after the effect.
	// In such case, we should return 'loading' status because the effect is already queued to be executed.
	if ( asyncState.status === 'idle' ) {
		return {
			status: 'loading'
		};
	}

	return asyncState;
};

/**
 * The result of the `useAsyncValue` hook.