1
resposta

[Bug] [ERRO] Styled-components

Estou fazer o curso "React: desenvolvendo uma biblioteca de componentes" e depois que criei o AbBotao, seguindo as orientações do Vinicius, observei que no console está aparecendo a mensagem de erro abaixo:

StyledComponent.ts:139 styled-components: it looks like an unknown prop "tipo" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)

Para tirar a dúvida que poderia ter feito algo errado, eu baixei o código-fonte direto do Git, criei o botão em uma página zerada que tem somente este componente a mensagem persiste.

Fiz todas as instalações conforme orientação do projeto e nada.

Alguém pode explicar o que acontece, gravidade do problema e como solucioná-lo?

1 resposta

Opa Frederico, tudo certo?

O erro em questão indica que uma propriedade desconhecida está sendo passada para o DOM, nesse caso, a propriedade “tipo”.

Uma possível solução é verificar como está utilizando a propriedade “tipo” no componente botão. É importante verificar onde você está passando essa propriedade e como ela está sendo usada dentro do componente.

Fico à disposição.

Tenha um bom dia e bons estudos.