%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
import { useEffect, useState } from 'react'; import { Asset } from './Asset'; // @needsAudit /** * Downloads and stores one or more assets locally. * After the assets are loaded, this hook returns a list of asset instances. * If something went wrong when loading the assets, an error is returned. * * > Note, the assets are not "reloaded" when you dynamically change the asset list. * * @return Returns an array containing: * - on the first position, a list of all loaded assets. If they aren't loaded yet, this value is * `undefined`. * - on the second position, an error which encountered when loading the assets. If there was no * error, this value is `undefined`. * * @example * ```tsx * const [assets, error] = useAssets([require('path/to/asset.jpg'), require('path/to/other.png')]); * * return assets ? <Image source={assets[0]} /> : null; * ``` */ export function useAssets(moduleIds: number | number[]): [Asset[] | undefined, Error | undefined] { const [assets, setAssets] = useState<Asset[]>(); const [error, setError] = useState<Error>(); useEffect(() => { Asset.loadAsync(moduleIds).then(setAssets).catch(setError); }, []); return [assets, error]; }