`
`
Depois da refatoração o código quebrou a aplicação, tentei identificar o erro porém sem sucesso, se alguém poder ajudar.
import React, { useState } from "react"; import { ITarefa } from "../../types/tarefa"; import Botao from "../Botao"; import style from './Formulario.module.scss'; import { v4 as uuidv4 } from 'uuid';
interface Props { setTarefas: React.Dispatch<React.SetStateAction<ITarefa[]>> }
function Formulario({ setTarefas }: Props) { const [tarefa, setTarefa] = useState(""); const [tempo, setTempo] = useState("00:00"); function adicionarTarefa(evento: React.FormEvent) { evento.preventDefault(); setTarefas(tarefasAntigas => [ ...tarefasAntigas, { tarefa, tempo, selecionado: false, completado: false, id: uuidv4() } ] ); setTarefa(""); setTempo("00:00"); } return (
export default Formulario;
CONSOLE..
TS2322: Type '{ setTarefa: Dispatch<SetStateAction<ITarefa[]>>; }' is not assignable to type 'IntrinsicAttributes & Props'.
Property 'setTarefa' does not exist on type 'IntrinsicAttributes & Props'. Did you mean 'setTarefas'? 38 | return ( 39 |
40 | | ^^^^^^^^^ 41 | <Lista 42 | tarefas={tarefas} 43 | selecionaTarefa={selecionaTarefa} />