Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

React.Dispatch<React.SetStateAction<number | null>> dando erro de tipagem

Referente ao curso React: lidando com arquivos estáticos, no capítulo Ordenação e filtros e atividade Fazendo os filtros funcionarem

por Daniel Lima Correia
| 179.2k xp | 36 posts

Quando eu tento colocar a tipagem do setFiltro para React.Dispatch<React.SetStateAction<number | null>> como o instrutor fez o Typescript me acusa um erro de tipagem.

Colocar somente number ou somente null resolve o erro. Para isso eu alterei o estado inicial de filtro e o setFiltro do retorno do if da função selecionarFiltro para 0 ao invés de null o código funcionou (claro que qualquer número serviria), mas não consegui entender o erro de tipagem.

Eu copiei e colei o código que o instrutor disponibilizou e continuou dando o erro...

2 respostas
por Neilton Seguins
| 326.6k xp | 466 posts
Instrutor Instrutor e desenvolvedor de software

Olá, Daniel! Tudo bom?

Poderia compartilhar com a gente essa mensagem de erro que o Typescript acusa?

Isso ajudaria a entender melhor o problema e o que está acontecendo.

solução!
por Daniel Lima Correia
| 179.2k xp | 36 posts

Desculpa a demora...

Eu descobri meu erro. Errei na hora de criar a interface da props do elemento Filtros:

interface Props {
    filtro: number | null;
    setFiltro: React.Dispatch<React.SetStateAction<number | null>> // aqui eu tinha esquecido o | null
  }

Corrigi essa falha e agora tudo está funcionando corretamente.

Obrigado pela força!