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(...): <p> cannot appear as a descendant of <p>.
- Aviso 2:
validateDOMNesting(...): <div> cannot appear as a descendant of <p>.
- 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:
- Inicie o aplicativo.
- 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
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:
RulesSmarteRulesDesktopRules.tsxeFooter.tsx.Problemas de aninhamento de DOM:
validateDOMNesting(...): <p> cannot appear as a descendant of <p>.validateDOMNesting(...): <div> cannot appear as a descendant of <p>.Rules.tsxProp
classnNamenão reconhecida:ImageReact does not recognize theclassnNameprop on a DOM element.HeroDesktop.tsx.Passos para Reproduzir:
Objetivo:
Screenshots