\n}\n```\n\nuseLazyPromise\n\n```tsx\nimport { useLazyPromise } from 'react-extra-hooks'\nimport React from 'react'\n\nconst sleep = (t) => new Promise((res) => setTimeout(res, t))\n\nasync function effect() {\n await sleep(400)\n alert('executed')\n return {\n x: 9,\n }\n}\n\nconst UseLazyPromiseExample = () => {\n const [execute, { result, loading, error }] = useLazyPromise(pp)\n if (loading) {\n return <>loading\n }\n if (result) {\n return
{result?.x}
\n }\n return (\n
\n \n
\n )\n}\n```\n\n**useLazyPromise with in memory cache**, supports the options `{promiseId: string, cacheSize: numer, cacheExpirationSeconds: number}`.\nEvery useLazyPromise cached the result based on\n\n- the argument passed to the `execute` function\n- the `promiseId` option (defaults to the name of the promise)\n\nThe cache is invalidated when\n\n- the page is refreshed\n- the cacheExpirationSeconds (defaults to 120 secods) times out\n- the cache overflows his size (that defaults to 50 elements), the first cached value is discarded\n\n```tsx\nimport { useLazyPromise } from 'react-extra-hooks'\nimport React from 'react'\n\nconst sleep = (t) => new Promise((res) => setTimeout(res, t))\n\nasync function effect(n: string) {\n await sleep(1000)\n // throw Error('xxx')\n alert('executed with n=' + n)\n return {\n x: n,\n }\n}\n\nconst UseLazyPromiseExample = () => {\n const [arg, set] = useState('')\n const [execute, { result, loading, error }] = useLazyPromise(effect, {\n cache: true,\n cacheExpirationSeconds: 300,\n })\n if (loading) {\n return <>loading\n }\n if (error) {\n return
{error.message}
\n }\n\n return (\n
\n set(e.target.value)} value={arg} />\n \n \n
{result?.x}
\n \n
\n )\n}\n```\n\n## Example with delayed argument necessary for the promise\n\n```tsx\nconst { query } = useRouter() // null on first render\nconst { result, loading, error } = usePromise(query ? asyncFunction : null, {\n cache: true,\n args: [query],\n})\n```\n\n## Usage with pagination\n\n```tsx\nimport { useLazyPromise } from 'react-extra-hooks'\nimport React from 'react'\n\nconst sleep = (t) => new Promise((res) => setTimeout(res, t))\n\nconst PaginationExample = () => {\n const [page, setPage] = useState(0)\n\n async function loadData(page) {\n const items = await fetchSomething({ page })\n return [...result, ...items]\n }\n\n const { result = [], loading, error } = usePromise(loadData, {\n args: [page],\n })\n\n if (!result.length) {\n return <>loading\n }\n\n if (error) {\n return