(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6864],{2801:function(e,s,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/react-query/QueryErrorBoundary.en",function(){return r(7502)}])},7502:function(e,s,r){"use strict";r.r(s),r.d(s,{__toc:function(){return d}});var n=r(1549),o=r(1279),t=r(6673),a=r(4353);r(52);var i=r(4712),l=r(4055),c=r(5506);let d=[{depth:3,value:"Motivation",id:"motivation"},{depth:4,value:"<QueryErrorResetBoundary/> + <ErrorBoundary/>",id:"queryerrorresetboundary--errorboundary"}];function h(e){let s=Object.assign({h1:"h1",p:"p",code:"code",a:"a",pre:"pre",span:"span",h3:"h3",h4:"h4"},(0,i.a)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.h1,{children:"QueryErrorBoundary"}),"\n",(0,n.jsxs)(s.p,{children:["@suspensive/react-query provide ",(0,n.jsx)(s.code,{children:"<QueryErrorBoundary/>"})," to reduce repeating implementation like using ",(0,n.jsx)(s.code,{children:"<QueryErrorResetBoundary/>"})," + ",(0,n.jsx)(s.code,{children:"<ErrorBoundary/>"}),"."]}),"\n",(0,n.jsxs)(s.p,{children:["You can just use ",(0,n.jsx)(s.code,{children:"<QueryErrorBoundary/>"})," like using ",(0,n.jsx)(s.a,{href:"/docs/react/ErrorBoundary",children:(0,n.jsx)(s.code,{children:"<ErrorBoundary/>"})}),". All other features are same with original ",(0,n.jsx)(s.code,{children:"<ErrorBoundary/>"})," of @suspensive/react without resetting react-query's error."]}),"\n",(0,n.jsx)(s.pre,{"data-language":"tsx","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(s.code,{"data-language":"tsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},className:"highlighted",children:"QueryErrorBoundary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" } "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'@suspensive/react-query'"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Example"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},className:"highlighted",children:"QueryErrorBoundary"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"fallback"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{(props) "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      <>"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"button"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"onClick"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"props"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".reset}>Try again</"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"button"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        {"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"props"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"."}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"error"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".message}"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      </>"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    )}"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  >"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Page"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  </"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},className:"highlighted",children:"QueryErrorBoundary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:")"})})]})}),"\n",(0,n.jsxs)(c.UW,{type:"info",children:[(0,n.jsx)(s.p,{children:"peerDependency"}),(0,n.jsxs)(s.p,{children:[(0,n.jsx)(s.code,{children:"<QueryErrorBoundary/>"})," have peerDependency on @suspensive/react's ",(0,n.jsx)(s.code,{children:"<ErrorBoundary/>"}),".\nSo if you want to use these, you must install @suspensive/react first."]}),(0,n.jsxs)(l.mQ,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,n.jsx)(l.OK,{children:(0,n.jsx)(s.pre,{"data-language":"shell","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@suspensive/react"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@suspensive/react-query"})]})})})}),(0,n.jsx)(l.OK,{children:(0,n.jsx)(s.pre,{"data-language":"shell","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@suspensive/react"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@suspensive/react-query"})]})})})}),(0,n.jsx)(l.OK,{children:(0,n.jsx)(s.pre,{"data-language":"shell","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@suspensive/react"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@suspensive/react-query"})]})})})}),(0,n.jsx)(l.OK,{children:(0,n.jsx)(s.pre,{"data-language":"shell","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(s.code,{"data-language":"shell","data-theme":"default",children:(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"bun"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@suspensive/react"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string)"},children:"@suspensive/react-query"})]})})})})]})]}),"\n",(0,n.jsx)(s.h3,{id:"motivation",children:"Motivation"}),"\n",(0,n.jsxs)(s.p,{children:["With the ",(0,n.jsx)(s.a,{href:"https://tanstack.com/query/v4/docs/framework/react/reference/QueryErrorResetBoundary",children:(0,n.jsx)(s.code,{children:"<QueryErrorResetBoundary/>"})})," component you can reset any query errors within the boundaries of the component. but If you use react-query with suspense continuously, Continuous repeating to use ",(0,n.jsx)(s.code,{children:"<QueryErrorResetBoundary/>"})," + ",(0,n.jsx)(s.a,{href:"/docs/react/ErrorBoundary",children:(0,n.jsx)(s.code,{children:"<ErrorBoundary/>"})})," will be coded."]}),"\n",(0,n.jsxs)(s.h4,{id:"queryerrorresetboundary--errorboundary",children:[(0,n.jsx)(s.code,{children:"<QueryErrorResetBoundary/>"})," + ",(0,n.jsx)(s.code,{children:"<ErrorBoundary/>"})]}),"\n",(0,n.jsx)(s.pre,{"data-language":"tsx","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(s.code,{"data-language":"tsx","data-theme":"default",children:[(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},className:"highlighted",children:"ErrorBoundary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" } "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'@suspensive/react'"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" { "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},className:"highlighted",children:"QueryErrorResetBoundary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" } "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"'@tanstack/react-query'"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:" "}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"const"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"Example"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},className:"highlighted",children:"QueryErrorResetBoundary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    {({ reset }) "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},className:"highlighted",children:"ErrorBoundary"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"onReset"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{reset}"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"fallback"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{(props) "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"          <>"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"button"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-function)"},children:"onClick"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"props"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".reset}>Try again</"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-string-expression)"},children:"button"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"            {"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"props"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"."}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"error"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:".message}"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"          </>"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        )}"})}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      >"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"        <"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},children:"Page"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"      </"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},className:"highlighted",children:"ErrorBoundary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"    )}"})}),"\n",(0,n.jsxs)(s.span,{className:"line",children:[(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:"  </"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-token-constant)"},className:"highlighted",children:"QueryErrorResetBoundary"}),(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsx)(s.span,{className:"line",children:(0,n.jsx)(s.span,{style:{color:"var(--shiki-color-text)"},children:")"})})]})})]})}let p={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:s}=Object.assign({},(0,i.a)(),e.components);return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(h,{...e})}):h(e)},pageOpts:{filePath:"src/pages/docs/react-query/QueryErrorBoundary.en.mdx",route:"/docs/react-query/QueryErrorBoundary",pageMap:[{kind:"MdxPage",name:"404",route:"/404"},{kind:"Meta",locale:"en",data:{index:{type:"page",display:"hidden",theme:{layout:"full"},title:"Suspensive"},docs:{type:"page",title:"Documentation"},visualization:{type:"page",title:"Visualization",href:"https://visualization.suspensive.org",newWindow:!0},versions:{type:"menu",title:"v2",items:{latest:{title:"latest",href:"https://suspensive.org"},v2:{title:"v2",href:"https://v2.suspensive.org"},v1:{title:"v1",href:"https://v1.suspensive.org"}}}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",locale:"en",data:{"--- Packages":{type:"separator",title:"Packages"},react:"@suspensive/react","react-query":"@suspensive/react-query",jotai:"@suspensive/jotai","react-await":{title:"@suspensive/react-await",theme:{collapsed:!0}},"react-image":{title:"@suspensive/react-image",theme:{collapsed:!0}},"--- More":{type:"separator",title:"More"},"migrate-to-v2":"Migrating to v2",changelogs:"Changelogs",contributors:"Contributors",links:"Related Links"}},{kind:"MdxPage",name:"changelogs",route:"/docs/changelogs",locale:"en"},{kind:"MdxPage",name:"contributors",route:"/docs/contributors",locale:"en"},{kind:"Folder",name:"jotai",route:"/docs/jotai",children:[{kind:"MdxPage",name:"Atom",route:"/docs/jotai/Atom",locale:"en"},{kind:"MdxPage",name:"AtomValue",route:"/docs/jotai/AtomValue",locale:"en"},{kind:"MdxPage",name:"SetAtom",route:"/docs/jotai/SetAtom",locale:"en"},{kind:"Meta",locale:"en",data:{motivation:{title:"Why need to use?"},installation:{title:"Installation"},"--- API Reference":{type:"separator",title:"API Reference"},Atom:{title:"<Atom/>"},AtomValue:{title:"<AtomValue/>"},SetAtom:{title:"<SetAtom/>"}}},{kind:"MdxPage",name:"installation",route:"/docs/jotai/installation",locale:"en"},{kind:"MdxPage",name:"motivation",route:"/docs/jotai/motivation",locale:"en"}]},{kind:"MdxPage",name:"links",route:"/docs/links",locale:"en"},{kind:"MdxPage",name:"migrate-to-v2",route:"/docs/migrate-to-v2",locale:"en"},{kind:"Folder",name:"react",route:"/docs/react",children:[{kind:"MdxPage",name:"Delay",route:"/docs/react/Delay",locale:"en"},{kind:"MdxPage",name:"DevMode",route:"/docs/react/DevMode",locale:"en"},{kind:"MdxPage",name:"ErrorBoundary",route:"/docs/react/ErrorBoundary",locale:"en"},{kind:"MdxPage",name:"ErrorBoundaryGroup",route:"/docs/react/ErrorBoundaryGroup",locale:"en"},{kind:"MdxPage",name:"Suspense",route:"/docs/react/Suspense",locale:"en"},{kind:"MdxPage",name:"SuspensiveProvider",route:"/docs/react/SuspensiveProvider",locale:"en"},{kind:"Meta",locale:"en",data:{motivation:{title:"Why need to use?"},installation:{title:"Installation"},"migrate-to-v2":{title:"Migrating to v2"},"--- API Reference":{type:"separator",title:"API Reference"},Suspense:{title:"<Suspense/>"},ErrorBoundary:{title:"<ErrorBoundary/>"},ErrorBoundaryGroup:{title:"<ErrorBoundaryGroup/>"},Delay:{title:"<Delay/>"},SuspensiveProvider:{title:"<SuspensiveProvider/>"},DevMode:{title:"<DevMode/>"},wrap:{title:"wrap"}}},{kind:"MdxPage",name:"installation",route:"/docs/react/installation",locale:"en"},{kind:"MdxPage",name:"migrate-to-v2",route:"/docs/react/migrate-to-v2",locale:"en"},{kind:"MdxPage",name:"motivation",route:"/docs/react/motivation",locale:"en"},{kind:"MdxPage",name:"wrap",route:"/docs/react/wrap",locale:"en"}]},{kind:"Folder",name:"react-await",route:"/docs/react-await",children:[{kind:"MdxPage",name:"Await",route:"/docs/react-await/Await",locale:"en"},{kind:"Meta",locale:"en",data:{installation:{title:"Installation"},"--- API Reference":{type:"separator",title:"API Reference"},Await:{title:"<Await/>"},awaitOptions:{title:"awaitOptions"},useAwait:{title:"useAwait"}}},{kind:"MdxPage",name:"awaitOptions",route:"/docs/react-await/awaitOptions",locale:"en"},{kind:"MdxPage",name:"installation",route:"/docs/react-await/installation",locale:"en"},{kind:"MdxPage",name:"useAwait",route:"/docs/react-await/useAwait",locale:"en"}]},{kind:"Folder",name:"react-image",route:"/docs/react-image",children:[{kind:"MdxPage",name:"Image",route:"/docs/react-image/Image",locale:"en"},{kind:"Meta",locale:"en",data:{installation:{title:"Installation"},"--- API Reference":{type:"separator",title:"API Reference"},Image:{title:"<Image/>"}}},{kind:"MdxPage",name:"installation",route:"/docs/react-image/installation",locale:"en"}]},{kind:"Folder",name:"react-query",route:"/docs/react-query",children:[{kind:"MdxPage",name:"QueryErrorBoundary",route:"/docs/react-query/QueryErrorBoundary",locale:"en"},{kind:"MdxPage",name:"SuspenseInfiniteQuery",route:"/docs/react-query/SuspenseInfiniteQuery",locale:"en"},{kind:"MdxPage",name:"SuspenseQueries",route:"/docs/react-query/SuspenseQueries",locale:"en"},{kind:"MdxPage",name:"SuspenseQuery",route:"/docs/react-query/SuspenseQuery",locale:"en"},{kind:"Meta",locale:"en",data:{motivation:{title:"Why need to use?"},installation:{title:"Installation"},"tanstack-query-compatibility":{title:"Support both TanStack Query v4 and 5"},"migrate-to-v2":{title:"Migrating to v2"},"--- API Reference":{type:"separator",title:"API Reference"},useSuspenseQuery:{title:"useSuspenseQuery"},useSuspenseQueries:{title:"useSuspenseQueries"},useSuspenseInfiniteQuery:{title:"useSuspenseInfiniteQuery"},queryOptions:{title:"queryOptions"},infiniteQueryOptions:{title:"infiniteQueryOptions"},SuspenseQuery:{title:"<SuspenseQuery/>"},SuspenseQueries:{title:"<SuspenseQueries/>"},SuspenseInfiniteQuery:{title:"<SuspenseInfiniteQuery/>"},QueryErrorBoundary:{title:"<QueryErrorBoundary/>"}}},{kind:"MdxPage",name:"infiniteQueryOptions",route:"/docs/react-query/infiniteQueryOptions",locale:"en"},{kind:"MdxPage",name:"installation",route:"/docs/react-query/installation",locale:"en"},{kind:"MdxPage",name:"migrate-to-v2",route:"/docs/react-query/migrate-to-v2",locale:"en"},{kind:"MdxPage",name:"motivation",route:"/docs/react-query/motivation",locale:"en"},{kind:"MdxPage",name:"queryOptions",route:"/docs/react-query/queryOptions",locale:"en"},{kind:"MdxPage",name:"tanstack-query-compatibility",route:"/docs/react-query/tanstack-query-compatibility",locale:"en"},{kind:"MdxPage",name:"useSuspenseInfiniteQuery",route:"/docs/react-query/useSuspenseInfiniteQuery",locale:"en"},{kind:"MdxPage",name:"useSuspenseQueries",route:"/docs/react-query/useSuspenseQueries",locale:"en"},{kind:"MdxPage",name:"useSuspenseQuery",route:"/docs/react-query/useSuspenseQuery",locale:"en"}]}]},{kind:"MdxPage",name:"index",route:"/",locale:"en",frontMatter:{title:"Suspensive"}}],flexsearch:{codeblocks:!0},title:"QueryErrorBoundary",headings:d},pageNextRoute:"/docs/react-query/QueryErrorBoundary.en",nextraLayout:t.ZP,themeConfig:a.Z};s.default=(0,o.j)(p)}},function(e){e.O(0,[5073,3692,4764,5270,2811,2888,9774,179],function(){return e(e.s=2801)}),_N_E=e.O()}]);