useMedia.ts

import * as React from 'react'

const useMediaDownload = (src: string) => {
	const [loading, setLoading] = React.useState(false)
	const [url, setUrl] = React.useState<string>()

	React.useEffect(() => {
		if (!src) return
		;(async () => {
			setLoading(true)
			const res = await fetch(src)
			const blob = await res.blob()
			setUrl(URL.createObjectURL(blob))

			setLoading(false)
		})()
		return () => {
			url && URL.revokeObjectURL(url)
		}
	}, [src])

	return { loading, url }
}

export default useMediaDownload

just a scratch, there is space for improvement