globocom / globocom/hacktoberfest

Resolvendo Avisos e Problemas de Renderização

Open
#48 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
16
Forks
22
PR merge metrics
No merged PRs in 30d

Description

Alguns avisos e problemas de renderização em componentes do projeto.
Abaixo estão os detalhes dos problemas que precisam ser resolvidos:

- **Problemas de chave única em listas:**
- **Componente:** `RulesSmart` e `RulesDesktop`
- **Aviso:** "Each child in a list should have a unique 'key' prop."
- **Localização:** `Rules.tsx` e `Footer.tsx`.

- **Problemas de aninhamento de DOM:**
- **Aviso 1:** `validateDOMNesting(...):

cannot appear as a descendant of

.`
- **Aviso 2:** `validateDOMNesting(...):

cannot appear as a descendant of

.`
- **Localização:** `Rules.tsx`

- **Prop `classnName` não reconhecida:**
- **Componente:** `Image`
- **Aviso:** `React does not recognize the `classnName` prop on a DOM element.`
- **Localização:** `HeroDesktop.tsx`.

**Passos para Reproduzir:**
1. Inicie o aplicativo.
2. Verifique o console do navegador para os avisos listados acima.

**Objetivo:**
- Corrigir todos os avisos e garantir que os componentes estejam renderizando corretamente de acordo com as práticas recomendadas do React.

## Screenshots

![Screenshot 2024-10-02 014453](https://github.com/user-attachments/assets/fd3cf642-55a8-4255-b304-80d538db5104)
![Screenshot 2024-10-02 014459](https://github.com/user-attachments/assets/c8d4e080-f6b8-417e-88f3-3d846c95e725)
![Screenshot 2024-10-02 014505](https://github.com/user-attachments/assets/3f57b98d-f329-4eb5-bd47-5f88c5f77350)
![Screenshot 2024-10-02 014511](https://github.com/user-attachments/assets/9d9d1de3-f287-466a-9e51-d748453f5e5c)
![Screenshot 2024-10-02 014518](https://github.com/user-attachments/assets/8b6eb42b-6f8a-4aac-9fd3-2be3dd06b112)
![Screenshot 2024-10-02 014526](https://github.com/user-attachments/assets/4685ba37-108e-47e4-a6fe-e14109af0fa3)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.