Estratégias de debugging e troubleshooting em Frontend

"Desenvolva um **guia interativo e dinâmico** para desenvolvedores frontend, que simule o processo de depuração de um erro comum: 'Componente não renderiza devido a erro de tipo em props'. O guia deve apresentar cenários progressivos (desde o erro no console até a identificação da origem no código), oferecer perguntas de múltipla escolha para guiar o usuário na depuração, fornecer explicações detalhadas para cada opção (correta e incorreta), e sugerir ferramentas de navegador (ex: React DevTools, Network tab) aplicáveis em cada etapa. O objetivo é que o usuário, ao final, compreenda não apenas a solução do problema específico, mas também a metodologia de depuração."