2d:["$","span",null,{"children":"ℹ️"}] 2e:["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Use Immer com qualquer midware de estado moderno. Suporte oficial já embutido no Zustand. Funciona direto, sem wrappers."}]]}] 2f:["$","section","3",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Instalação Rápida: Como Adicionar Immer ao Projeto"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Basta rodar npm install immer ou yarn add immer . Com Zustand ou Jotai, você pode incluir como mutator na criação da store, sem mexer nos reducers."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-red-500/10 border-red-500/20 text-red-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-red-400","children":[["$","span",null,{"children":"❌"}],"Atenção à Versão"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Verifique sempre a versão do Immer. Releases recentes (como a 5.0.2) podem alterar tipagens e quebrar integrações automaticamente — prefira usar a última estável, ou confira issues abertas antes de atualizar dependências."}]]}]]}]]]}] 30:["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Integração com Zustand: O Caminho Mais Eficiente"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Para usar Immer como mutator no Zustand, basta informar no segundo argumento de create um array com [“zustand/immer”, never] . Isso habilita o uso do Immer em todo seu state. Após isso, altere objetos livres no seu setter, Immer garante a imutabilidade sem que você precise desestruturar arrays."}]]]}] 31:["$","section","5",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Erros Comuns: Map e Set Não Funcionam?"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"O Immer não habilita manipulação imutável de Map e Set por padrão. Para ativar, importe enableMapSet de immer e chame antes de usar Immer no seu app — assim você manipula mapas, listas e conjuntos no estado sem surpresas."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-yellow-500/10 border-yellow-500/20 text-yellow-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-yellow-400","children":[["$","span",null,{"children":"⚠️"}],"Configuração Necessária"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Esqueceu de executar enableMapSet() ? Seu estado não será atualizado ao mexer em Map ou Set. Sempre inclua essa função na inicialização do projeto."}]]}]]}]]]}] 32:["$","section","6",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Adicionar Itens: Diga Adeus ao Spread Exaustivo"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Com Immer, esqueça return [...oldValue, newValue] toda vez que precisar adicionar arquivos, objetos ou informações a um array do estado. Basta array.push(valor) direto, sem retorno. Immer detecta alterações e o React entende que houve mudança."}]]]}] 33:["$","section","7",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Atualização de Estado: O Jeito Natural"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Altere propriedades