Não sei se isso pode ajudar mais alguém que teve esse mesmo problema que eu... mas vou compatilhar a solução que eu encontrei:
Introdução
Durante a criação de um projeto React com Typescript usando o create-react-app, um conflito de dependências pode ocorrer, impedindo a execução do projeto. Ao fazer a criação da aplicação utilizando o comando npx create-react-app alura-studies --template typescript --use-npm
acontece um conflito de versões, resultando no erro ERESOLVE unable to resolve dependency tree. Mencione as versões do Node.js (v22.12.0) e npm (11.0.0) que você estava usando (versões mais recentes até este momento do Node.js e do npm).
Identificação do Problema
O erro indica incompatibilidade entre a versão do React (19.0.0) e a versão esperada pela @testing-library/react (18.0.0).
Solução Manual
Passo 1. Navegue até o diretório do seu projeto usando o comando cd alura-studies
no seu terminal.
Passo 2. Instale as bibliotecas de teste @testing-library/react e @testing-library/dom, juntamente com as definições de tipos para React e React-DOM (@types/react e @types/react-dom), usando o comando: npm install @testing-library/react @testing-library/dom @types/react @types/react-dom
Passo 3. Instale o pacote web-vitals para monitorar métricas de desempenho da sua aplicação web, usando o comando: npm install web-vitals
Observações
Essa abordagem ignora o gerenciamento de dependências automático do create-react-app e instala as bibliotecas manualmente, garantindo a compatibilidade. Após tentativas de atualização manual dos pacotes via npm update e outras soluções, a solução manual descrita acima se mostrou eficaz.
Conclusão
A solução manual foi eficaz para resolver o conflito de versões e permitir que o projeto funcionasse corretamente. Se você encontrou outras soluções para esse problema, compartilhe nos comentários para ajudar outros desenvolvedores!