(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[72],{FuIg:function(e,n,t){"use strict";t.r(n),t.d(n,"meta",(function(){return o})),t.d(n,"default",(function(){return p}));var r=t("wx14"),a=t("Ff2n"),i=t("q1tI"),s=t.n(i),b=t("7ljp"),c=t("er9C"),o=(s.a.createElement,{id:"InfiniteQueryObserver",title:"InfiniteQueryObserver"}),u={meta:o},l=e=>{var{children:n}=e,t=Object(a.a)(e,["children"]);return Object(b.b)(c.a,Object(r.a)({meta:o},t),n)};function p(e){var{components:n}=e,t=Object(a.a)(e,["components"]);return Object(b.b)(l,Object(r.a)({},u,t,{components:n,mdxType:"MDXLayout"}),Object(b.b)("h2",{id:"infinitequeryobserver"},Object(b.b)("inlineCode",{parentName:"h2"},"InfiniteQueryObserver"),Object(b.b)("a",Object(r.a)({parentName:"h2"},{href:"#infinitequeryobserver",title:"Direct link to heading",className:"anchor"}),Object(b.b)("span",Object(r.a)({parentName:"a"},{className:"icon icon-link"})))),Object(b.b)("p",null,"The ",Object(b.b)("inlineCode",{parentName:"p"},"InfiniteQueryObserver")," can be used to observe and switch between infinite queries."),Object(b.b)("pre",null,Object(b.b)("code",Object(r.a)({parentName:"pre"},{className:"language-js"}),"const observer = new InfiniteQueryObserver(queryClient, {\n  queryKey: 'posts',\n  queryFn: fetchPosts,\n  getNextPageParam: (lastPage, allPages) => lastPage.nextCursor,\n  getPreviousPageParam: (firstPage, allPages) => firstPage.prevCursor,\n})\n\nconst unsubscribe = observer.subscribe(result => {\n  console.log(result)\n  unsubscribe()\n})\n")),Object(b.b)("p",null,Object(b.b)("strong",{parentName:"p"},"Options")),Object(b.b)("p",null,"The options for the ",Object(b.b)("inlineCode",{parentName:"p"},"InfiniteQueryObserver")," are exactly the same as those of ",Object(b.b)("a",Object(r.a)({parentName:"p"},{href:"/reference/useInfiniteQuery"}),Object(b.b)("inlineCode",{parentName:"a"},"useInfiniteQuery")),"."))}p.isMDXComponent=!0},sBhh:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/reference/InfiniteQueryObserver",function(){return t("FuIg")}])}},[["sBhh",0,2,4,3,1,5,6]]]);