\nconst overallFetching = useIsFetching$(() => null);\nconst specificFetchCount = useIsFetching$(() => ({\n queryFn: [\"123\"],\n}));\n\nreturn (\n <>\n Total fetching queries (unoptimized): {overallFetching.value}
\n \n Total fetching queries (optimized, no rerenders): {overallFetching}\n
\n \n Fetch count by key (optimized, no rerenders): {specificFetchCount}\n
\n \n);\n```\n\n## Configuring suspense behavior for `useQuery$` and `useInfiniteQuery$`\n\nIf you turn suspense on, the query will fetch after component render (if `data` is not accessed) or on the first access of `data`. But you can alter this behavior with `suspenseBehavior` option (`load-on-access` is default).\n\n- `suspend-eagerly` - executes and suspends the query on mount. Data field will always be loaded. Helpful to be access data without worry about `.data` field will throw a Promise.\n- `suspend-on-access` - pre executes a query, but suspends only on first access of `.data` field. Helpful to suspend child components if passing accessor as prop.\n- `load-on-access` - executes query on first access of `.data` field or if unused on `useEffect`. Legacy behavior, will be changed to `suspend-on-access` in next major release.\n\n```tsx\nconst query = useQuery$(() => ({\n queryKey: [\"key\"],\n queryFn: fetchStatistics,\n suspense: true,\n suspenseBehavior: \"suspend-eagerly\",\n}));\n```\n\n## License\n\n`@preact-signals/query` is distributed under the [MIT License](./LICENSE).\n","readmeFilename":"README.md"}