React useMemo for async functions

import * as React from 'react'
import useAsyncMemo from '@st-lib/use-async-memo'

export default function Component() {
	const task = useAsyncMemo(async () => {
		/* do some work */
	})

	if (null != task.result) {
		return (
			<span>
				{/* use result here */}
			</span>
		)
	} else if (null != task.error) {
		return (
			<span className='error'>
				{task.error.message}
			</span>
		)
	} else {
		return (
			<span>
				{'Loading'}
			</span>
		)
	}
}