Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

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

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

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!

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!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software