29:["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 1: Certifique-se de que sua listagem use useQuery com uma queryKey definida, como ['get-rooms'] ."}}]}] 2a:["$","div","1",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":2}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 2: Na mutation responsável por criar novas salas,\n adicione a função onSuccess na configuração da mutation."}}]}]]}] 2b:["$","div","2",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":3}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 3: Em onSuccess , chame queryClient.invalidateQueries(['get-rooms']) , garantindo que a\n listagem será refetchada automaticamente."}}]}]]}] 2c:["$","section","5",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Atenção"}],"$undefined"]}] 2d:["$","section","6",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Importando e usando o QueryClient"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Para invalidar a query, é necessário acessar a instância do QueryClient usando o hook useQueryClient , provido por @tanstack/react-query ."}]]]}] 2e:["$","section","7",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Info"}],"$undefined"]}] 2f:["$","section","8",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Refinando com resets e mensagens"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Após a criação da sala e o refetch automático da lista, aproveite também para resetar os\n formulários e dar feedbacks ao usuário, como mensagens de toast de sucesso."}]]]}] 30:["$","section","9",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Sucesso"}],"$undefined"]}] 31:["$","section","10",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Checklist de Implementação"}],[null,null,null,null]]}] 32:["$","span",null,{"className":"text-gray-500 text-xs","children":"$undefined"}] 33:["$","h4",null,{"className":"font-semibold text-white mb-2 group-hover:text-lime-400 transition-colors line-clamp-2","children":"Entenda Fetch API no JavaScript: Guia Completo"}] 34:["$","p",null,{"className":"text-gray-400 text-sm line-clamp-3 mb-3","children":"$undefined"}] 35:["$","div",null,{"className":"flex items-center text-lime-400 text-sm font-medium","children":["Ler artigo",["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-right w-4 h-4 ml-1 group-hover:translate-x-1 transition-transform","children":[["$","path","1ays0h",{"d":"M5 12h14"}],["$","path","xquz4c",{"d":"m12 5 7 7-7 7"}],"$undefined"]}]]}]