Suspense
Use React 18 Suspense features with Apollo Client
Name: {data?.dog?.name}
\n Breed: {data?.dog?.breed}
\n \n );\n}"],"hast":[0,{"type":[0,"root"],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"pre"],"properties":[0,{"class":[1,[[0,"shiki"],[0,"shiki-themes"],[0,"github-light-default"],[0,"houston"],[0,"p-4"],[0,"rounded-b-md"],[0,"text-base/6"]]],"style":[0,"background-color:#F2F4F4;--shiki-dark-bg:#0D171C;color:#546461;--shiki-dark:#B4C0BE; font-variant-ligatures: none;"],"tabindex":[0,"0"]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"code"],"properties":[0,{"class":[1,[[0,"grid"],[0,"grid-cols-1"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"1"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"interface"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," PartialData"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," {"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"2"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," dog"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,":"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," {"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"3"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," id"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,":"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," string"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"4"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," name"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,":"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," string"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"5"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," };"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"6"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"}"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"7"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"8"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"const"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," PARTIAL_GET_DOG_QUERY"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,":"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," TypedDocumentNode"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"<"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"PartialData"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,", "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"Variables"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"> "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"="]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7B00C7;--shiki-dark:#00FAB3"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," gql"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7D6800;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"`"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"9"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7D6800;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," query GetDog($id: String) {"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"10"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7D6800;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," dog(id: $id) {"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"11"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7D6800;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," id"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"12"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7D6800;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," name"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"13"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7D6800;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," }"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"14"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7D6800;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," }"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"15"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7D6800;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"`"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"16"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"17"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#6E7781;--shiki-light-font-style:inherit;--shiki-dark:#EEF0F98F;--shiki-dark-font-style:italic"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"// Write partial data for Buck to the cache"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"18"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#6E7781;--shiki-light-font-style:inherit;--shiki-dark:#EEF0F98F;--shiki-dark-font-style:italic"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"// so it is available when Dog renders"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"19"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"client"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7B00C7;--shiki-dark:#00FAB3"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"writeQuery"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"({"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"20"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," query"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,": "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"PARTIAL_GET_DOG_QUERY"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,","]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"21"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," variables"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,": { "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"id"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,": "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7D6800;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"\"1\""]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," },"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"22"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," data"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,": { "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"dog"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,": { "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"id"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,": "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7D6800;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"\"1\""]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,", "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"name"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,": "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7D6800;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"\"Buck\""]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," } },"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"23"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"});"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"24"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"25"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"function"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7B00C7;--shiki-dark:#00FAB3"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," App"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"() {"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"26"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," const"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," client"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," ="]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7B00C7;--shiki-dark:#00FAB3"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," useApolloClient"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"();"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"27"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"28"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," return"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," ("]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"29"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," <"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#116329;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"Suspense"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-light-font-style:inherit;--shiki-dark:#7DC0FF;--shiki-dark-font-style:italic"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," fallback"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"="]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"{"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"<"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#116329;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"div"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,">Loading..."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"}"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,">"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"30"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," <"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#116329;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"Dog"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-light-font-style:inherit;--shiki-dark:#7DC0FF;--shiki-dark-font-style:italic"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," id"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"="]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7D6800;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"\"1\""]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," />"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"31"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," "]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"32"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," );"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"33"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"}"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"34"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"35"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"function"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7B00C7;--shiki-dark:#00FAB3"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," Dog"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"({ "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-light-font-style:inherit;--shiki-dark:#7DC0FF;--shiki-dark-font-style:italic"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"id"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," }"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,":"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," DogProps"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,") {"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"36"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," const"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," { "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"data"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," } "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"="]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7B00C7;--shiki-dark:#00FAB3"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," useSuspenseQuery"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"("]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"GET_DOG_QUERY"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,", {"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"37"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," variables"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,": { "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"id"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," },"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"bg-gray-100"],[0,"dark:bg-navy-450"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"38"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," returnPartialData"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,": "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"true"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,","]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"39"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," });"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"40"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"41"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," return"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," ("]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"42"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," <>"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"43"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," <"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#116329;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"div"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,">Name: "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"{"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"data"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"?."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"dog"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"?."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"name"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"}"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,""]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"44"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," <"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#116329;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"div"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,">Breed: "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"{"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"data"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"?."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"dog"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"?."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"breed"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"}"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,""]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"45"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," "]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"46"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," );"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"47"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"}"]}]]]}]]]}]]],"data":[0,{"_shiki_notation":[1,[[0,{"info":[1,[[0,";"],[0,""],[0,null]]],"line":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"3"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," id"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,":"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," string"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}]]]}],"token":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}],"isLineCommentOnly":[0,false],"isJsxStyle":[0,false]}],[0,{"info":[1,[[0,";"],[0,""],[0,null]]],"line":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"4"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," name"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,":"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," string"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}]]]}],"token":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}],"isLineCommentOnly":[0,false],"isJsxStyle":[0,false]}],[0,{"info":[1,[[0,";"],[0,""],[0,null]]],"line":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"15"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7D6800;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"`"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}]]]}],"token":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}],"isLineCommentOnly":[0,false],"isJsxStyle":[0,false]}],[0,{"info":[1,[[0,"//"],[0," Write partial data for Buck to the cache"],[0,null]]],"line":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"17"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#6E7781;--shiki-light-font-style:inherit;--shiki-dark:#EEF0F98F;--shiki-dark-font-style:italic"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"// Write partial data for Buck to the cache"]}]]]}]]]}],"token":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#6E7781;--shiki-light-font-style:inherit;--shiki-dark:#EEF0F98F;--shiki-dark-font-style:italic"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"// Write partial data for Buck to the cache"]}]]]}],"isLineCommentOnly":[0,false],"isJsxStyle":[0,false]}],[0,{"info":[1,[[0,"//"],[0," so it is available when Dog renders"],[0,null]]],"line":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"18"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#6E7781;--shiki-light-font-style:inherit;--shiki-dark:#EEF0F98F;--shiki-dark-font-style:italic"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"// so it is available when Dog renders"]}]]]}]]]}],"token":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#6E7781;--shiki-light-font-style:inherit;--shiki-dark:#EEF0F98F;--shiki-dark-font-style:italic"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"// so it is available when Dog renders"]}]]]}],"isLineCommentOnly":[0,false],"isJsxStyle":[0,false]}]]]}]}]]]}]]]}]}]]]}]}],"majorComponent":[0,true],"divWrap":[0,true]}]}],[0,{"type":[0,"paragraph"],"children":[1,[[0,{"type":[0,"text"],"value":[0,"In this example, we write partial data to the cache for Buck in order to show the behavior when a "]}],[0,{"type":[0,"text"],"value":[0,"query"]}],[0,{"type":[0,"text"],"value":[0," cannot be entirely fulfilled from the cache. We tell "]}],[0,{"type":[0,"inlineCode"],"value":[0,"useSuspenseQuery"]}],[0,{"type":[0,"text"],"value":[0," that we are ok rendering partial data by setting the "]}],[0,{"type":[0,"inlineCode"],"value":[0,"returnPartialData"]}],[0,{"type":[0,"text"],"value":[0," option to "]}],[0,{"type":[0,"inlineCode"],"value":[0,"true"]}],[0,{"type":[0,"text"],"value":[0,". When "]}],[0,{"type":[0,"inlineCode"],"value":[0,"Dog"]}],[0,{"type":[0,"text"],"value":[0," renders for the first time, it does not suspend and uses the partial data immediately. "]}],[0,{"type":[0,"text"],"value":[0,"Apollo Client"]}],[0,{"type":[0,"text"],"value":[0," then fetches the missing "]}],[0,{"type":[0,"text"],"value":[0,"query"]}],[0,{"type":[0,"text"],"value":[0," data from the network in the background."]}]]]}],[0,{"type":[0,"paragraph"],"children":[1,[[0,{"type":[0,"text"],"value":[0,"On first render, Buck's name is displayed after the "]}],[0,{"type":[0,"inlineCode"],"value":[0,"Name"]}],[0,{"type":[0,"text"],"value":[0," label, followed by the "]}],[0,{"type":[0,"inlineCode"],"value":[0,"Breed"]}],[0,{"type":[0,"text"],"value":[0," label with no value. Once the missing "]}],[0,{"type":[0,"text"],"value":[0,"fields"]}],[0,{"type":[0,"text"],"value":[0," have loaded, "]}],[0,{"type":[0,"inlineCode"],"value":[0,"useSuspenseQuery"]}],[0,{"type":[0,"text"],"value":[0," triggers a re-render and Buck's breed is displayed."]}]]]}],[0,{"type":[0,"mdxJsxFlowElement"],"name":[0,"Note"],"attributes":[1,[]],"children":[1,[[0,{"type":[0,"paragraph"],"children":[1,[[0,{"type":[0,"strong"],"children":[1,[[0,{"type":[0,"text"],"value":[0,"For TypeScript users"]}]]]}],[0,{"type":[0,"text"],"value":[0,": With "]}],[0,{"type":[0,"inlineCode"],"value":[0,"returnPartialData"]}],[0,{"type":[0,"text"],"value":[0," set to "]}],[0,{"type":[0,"inlineCode"],"value":[0,"true"]}],[0,{"type":[0,"text"],"value":[0,", the returned type for the "]}],[0,{"type":[0,"inlineCode"],"value":[0,"data"]}],[0,{"type":[0,"text"],"value":[0," property marks all "]}],[0,{"type":[0,"text"],"value":[0,"fields"]}],[0,{"type":[0,"text"],"value":[0," in the "]}],[0,{"type":[0,"text"],"value":[0,"query"]}],[0,{"type":[0,"text"],"value":[0," type as "]}],[0,{"type":[0,"link"],"title":[0,null],"url":[0,"https://www.typescriptlang.org/docs/handbook/2/objects.html#optional-properties"],"children":[1,[[0,{"type":[0,"text"],"value":[0,"optional"]}]]]}],[0,{"type":[0,"text"],"value":[0,". "]}],[0,{"type":[0,"text"],"value":[0,"Apollo Client"]}],[0,{"type":[0,"text"],"value":[0," cannot accurately determine which "]}],[0,{"type":[0,"text"],"value":[0,"fields"]}],[0,{"type":[0,"text"],"value":[0," are present in the cache at any given time when returning partial data."]}]]],"data":[0,{"passthroughRender":[0,true]}]}]]],"data":[0,{"props":[0,{}],"majorComponent":[0,false],"divWrap":[0,true]}]}],[0,{"type":[0,"heading"],"depth":[0,3],"children":[1,[[0,{"type":[0,"text"],"value":[0,"Error handling"]}]]],"data":[0,{"collapseMargin":[0,false]}]}],[0,{"type":[0,"paragraph"],"children":[1,[[0,{"type":[0,"text"],"value":[0,"By default, both network errors and "]}],[0,{"type":[0,"text"],"value":[0,"GraphQL"]}],[0,{"type":[0,"text"],"value":[0," errors are thrown by "]}],[0,{"type":[0,"inlineCode"],"value":[0,"useSuspenseQuery"]}],[0,{"type":[0,"text"],"value":[0,". These errors are caught and displayed by the closest "]}],[0,{"type":[0,"link"],"title":[0,null],"url":[0,"https://react.dev/reference/react/Component#static-getderivedstatefromerror"],"children":[1,[[0,{"type":[0,"text"],"value":[0,"error boundary"]}]]]}],[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"mdxJsxFlowElement"],"name":[0,"Note"],"attributes":[1,[]],"children":[1,[[0,{"type":[0,"paragraph"],"children":[1,[[0,{"type":[0,"text"],"value":[0,"An error boundary is a "]}],[0,{"type":[0,"strong"],"children":[1,[[0,{"type":[0,"text"],"value":[0,"class component"]}]]]}],[0,{"type":[0,"text"],"value":[0," that implements "]}],[0,{"type":[0,"inlineCode"],"value":[0,"static getDerivedStateFromError"]}],[0,{"type":[0,"text"],"value":[0,". For more information, see the React docs for "]}],[0,{"type":[0,"link"],"title":[0,null],"url":[0,"https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary"],"children":[1,[[0,{"type":[0,"text"],"value":[0,"catching rendering errors with an error boundary"]}]]]}],[0,{"type":[0,"text"],"value":[0,"."]}]]],"data":[0,{"passthroughRender":[0,true]}]}]]],"data":[0,{"props":[0,{}],"majorComponent":[0,false],"divWrap":[0,true]}]}],[0,{"type":[0,"paragraph"],"children":[1,[[0,{"type":[0,"text"],"value":[0,"Let's create a basic error boundary that renders an error UI when errors are thrown by our "]}],[0,{"type":[0,"text"],"value":[0,"query:"]}]]]}],[0,{"type":[0,"mdxJsxFlowElement"],"name":[0,"CodeBlockHTML"],"attributes":[1,[]],"children":[1,[]],"data":[0,{"props":[0,{"json":[0,{"tabs":[1,[[0,{"lang":[0,"tsx"],"disableCopy":[0,false],"showLineNumbers":[0,true],"code":[0,"class ErrorBoundary extends React.Component {\n constructor(props) {\n super(props);\n this.state = { hasError: false };\n }\n\n static getDerivedStateFromError(error) {\n return { hasError: true };\n }\n\n render() {\n if (this.state.hasError) {\n return this.props.fallback;\n }\n\n return this.props.children;\n }\n}"],"hast":[0,{"type":[0,"root"],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"pre"],"properties":[0,{"class":[1,[[0,"shiki"],[0,"shiki-themes"],[0,"github-light-default"],[0,"houston"],[0,"p-4"],[0,"rounded-b-md"],[0,"text-base/6"]]],"style":[0,"background-color:#F2F4F4;--shiki-dark-bg:#0D171C;color:#546461;--shiki-dark:#B4C0BE; font-variant-ligatures: none;"],"tabindex":[0,"0"]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"code"],"properties":[0,{"class":[1,[[0,"grid"],[0,"grid-cols-1"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"1"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"class"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," ErrorBoundary"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," extends"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," React"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"Component"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," {"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"2"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," constructor"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"("]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-light-font-style:inherit;--shiki-dark:#7DC0FF;--shiki-dark-font-style:italic"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"props"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,") {"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"3"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-light-font-style:inherit;--shiki-dark:#ACAFFF;--shiki-dark-font-style:italic"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," super"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"("]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"props"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,");"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"4"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," this"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"state"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," ="]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," { "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"hasError"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,": "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"false"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," };"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"5"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," }"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"6"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"7"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," static"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7B00C7;--shiki-dark:#00FAB3"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," getDerivedStateFromError"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"("]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#B03900;--shiki-light-font-style:inherit;--shiki-dark:#7DC0FF;--shiki-dark-font-style:italic"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"error"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,") {"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"8"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," return"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," { "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"hasError"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,": "]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"true"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," };"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"9"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," }"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"10"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"11"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#7B00C7;--shiki-dark:#00FAB3"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," render"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"() {"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"12"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," if"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," ("]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"this"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"state"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"hasError"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,") {"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"13"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," return"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," this"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"props"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"fallback"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"14"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," }"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"15"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"16"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," return"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," this"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"props"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"children"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"17"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," }"]}]]]}]]]}],[0,{"type":[0,"text"],"value":[0,"\n"]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"18"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"}"]}]]]}]]]}]]],"data":[0,{"_shiki_notation":[1,[[0,{"info":[1,[[0,";"],[0,""],[0,null]]],"line":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"13"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," return"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," this"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"props"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"fallback"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}]]]}],"token":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}],"isLineCommentOnly":[0,false],"isJsxStyle":[0,false]}],[0,{"info":[1,[[0,";"],[0,""],[0,null]]],"line":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"class":[1,[[0,"line"],[0,"inline-block"]]]}],"children":[1,[[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"className":[1,[[0,"select-none inline-block text-right w-8 mr-4 line-number"]]]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"16"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#005AAF;--shiki-dark:#5C95B2"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," return"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#365E72;--shiki-dark:#ACAFFF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0," this"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"props"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"."]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#7DC0FF"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,"children"]}]]]}],[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}]]]}],"token":[0,{"type":[0,"element"],"tagName":[0,"span"],"properties":[0,{"style":[0,"color:#546461;--shiki-dark:#B4C0BE"]}],"children":[1,[[0,{"type":[0,"text"],"value":[0,";"]}]]]}],"isLineCommentOnly":[0,false],"isJsxStyle":[0,false]}]]]}]}]]]}]]]}]}]]]}]}],"majorComponent":[0,true],"divWrap":[0,true]}]}],[0,{"type":[0,"mdxJsxFlowElement"],"name":[0,"Note"],"attributes":[1,[]],"children":[1,[[0,{"type":[0,"paragraph"],"children":[1,[[0,{"type":[0,"text"],"value":[0,"In a real application, your error boundary might need a more robust implementation. Consider using a library like "]}],[0,{"type":[0,"link"],"title":[0,null],"url":[0,"https://github.com/bvaughn/react-error-boundary"],"children":[1,[[0,{"type":[0,"inlineCode"],"value":[0,"react-error-boundary"]}]]]}],[0,{"type":[0,"text"],"value":[0," when you need a high degree of flexibility and reusability."]}]]],"data":[0,{"passthroughRender":[0,true]}]}]]],"data":[0,{"props":[0,{}],"majorComponent":[0,false],"divWrap":[0,true]}]}],[0,{"type":[0,"paragraph"],"children":[1,[[0,{"type":[0,"text"],"value":[0,"When the "]}],[0,{"type":[0,"inlineCode"],"value":[0,"GET_DOG_QUERY"]}],[0,{"type":[0,"text"],"value":[0," inside of the "]}],[0,{"type":[0,"inlineCode"],"value":[0,"Dog"]}],[0,{"type":[0,"text"],"value":[0," component returns a "]}],[0,{"type":[0,"text"],"value":[0,"GraphQL"]}],[0,{"type":[0,"text"],"value":[0," error or a network error, "]}],[0,{"type":[0,"inlineCode"],"value":[0,"useSuspenseQuery"]}],[0,{"type":[0,"text"],"value":[0," throws the error and the nearest error boundary renders its fallback component."]}]]]}],[0,{"type":[0,"paragraph"],"children":[1,[[0,{"type":[0,"text"],"value":[0,"Our example doesn't have an error boundary yet—let's add one!"]}]]]}],[0,{"type":[0,"mdxJsxFlowElement"],"name":[0,"CodeBlockHTML"],"attributes":[1,[]],"children":[1,[]],"data":[0,{"props":[0,{"json":[0,{"tabs":[1,[[0,{"lang":[0,"tsx"],"disableCopy":[0,false],"showLineNumbers":[0,true],"code":[0,"function App() {\n const { data } = useSuspenseQuery(GET_DOGS_QUERY);\n const [selectedDog, setSelectedDog] = useState(data.dogs[0].id);\n\n return (\n <>\n \n