Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

fix(ui-components): react in regular dependencies causes duplicate hook errors in consumer apps

Aberta Para iniciantes
#9,175 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 3 dias

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
2/5
Tempo estimado
1-3 horas
Facilidade para iniciantes
85/100
Tipo de issue
Bug
Clareza
Claramente especificada
Status de atividade
Ativa
Stack de tecnologia
react, typescript

Direção de pesquisa

Comece por packages/ui-components/package.json e inspecione suas dependencies, peerDependencies e devDependencies. Mova React conforme descrito, use a entrada de catálogo nomeada com o intervalo ^19.0.0 e verifique se o pacote publicado aceita um React 19 instalado pelo consumidor sem criar uma cópia duplicada.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

Description

Currently, react is listed under dependencies in packages/ui-components/package.json.

While it works fine inside the monorepo, it breaks consumer apps that use a different sub-version of React 19. Package managers install a duplicate copy of React , leading to the runtime error:

Invalid hook call. You might have more than one copy of React in the same app.

Proposed Solution

Move react from dependencies to peerDependencies (and duplicate in devDependencies for local workspace builds).

We should use a named pnpm catalog (catalog:peer-react19 with a ^19.0.0 range) so the published package accepts any React 19 version installed by the consumer app.

Linguagem predominante
TypeScript
Estrelas
6.9k
Forks
6.5k
Merge médio
2d 16h
PRs com merge (30d)
29

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de nodejs/nodejs.org

Todas as issues de nodejs/nodejs.org

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.