Erro na function setTarefas

Fala Thiago, beleza?

Esta parte do código parece estar certa, consegue mandar a parte em que a função selecionaTarefa é executada?

É provável que ao executar a função do botão "Adicionar", você esteja criando uma nova tarefa com a propriedade

...
selecionado: 'false'
...

sendo o certo,

...
selecionado: false
...

sem as aspas...

Olá, novamente, pessoal. Luiz, segue o bloco inteiro da app.tsx

import React, { useState } from "react";
import { Itarefa } from "../../types/tarefas";
import Cronometro from "../Cronometro";
import Formulario from "../Formulario";
import Lista from "../Lista";
import style from "./App.module.scss";

function App() {
  const [tarefas, setTarefas] = useState<Itarefa[]>([]);
  const [selecionado, setSelecionado] = useState<Itarefa>();

  function selecionaTarefa(tarefaSelecionada: Itarefa) {
    setSelecionado(tarefaSelecionada);
    setTarefas(tarefasAnteriores =>
      tarefasAnteriores.map(tarefa => ({
        ...tarefa,
        selecionado: tarefa.id === tarefaSelecionada.id ? true : false
      })));
      return
  }

  function finalizarTarefa(){
    if (selecionado){
      setSelecionado(undefined)
      setTarefas(tarefasAnteriores => tarefasAnteriores.map(tarefa => {
        if(tarefa.id === selecionado.id) {
          return {
            ...tarefa,
            selecionado: false,
            completado: true
          }
        }
        return tarefa;
      }))
    }

  }
  return (
    <div className={style.AppStyle}>
      <Formulario setTarefas={setTarefas} />
      <Lista 
      tarefas={tarefas} selecionaTarefa={selecionaTarefa} />
      <Cronometro 
      selecionado={selecionado}
      finalizarTarefa={finalizarTarefa}/>
    </div>
  );
}

export default App;

Lucas, verifiquei a função do botão e está sem aspas mesmo

Mostra a função adicionaTarefa que fica no componente de Formulario

Lucas, segue a função

  function adicionarTarefa(evento: React.FormEvent<HTMLFormElement>){
    evento.preventDefault();
    setTarefas(tarefasAntigas => 
      [
        ...tarefasAntigas,
         {
           tarefa,
           tempo,
           selecionado: false,
           completado: false,
           id: uuidv4()
          }
        ]
        );
    setTarefa("");
    setTempo("00:00")


    }

Thiago,

Eu tive um problema parecido quando estava fazendo essa função. Bati cabeça também, mas no final era algum erro de sintaxe que até hoje não identifiquei!

Algum detalhe na hora de escrever o map estava me dando o mesmo erro. Só consegui resolver escrevendo tudo de novo, sem quebrar as linhas! Aí parou de dar esse erro semelhante, só depois disso eu quebrei novamente as linhas, corrigi a identação e tudo ficou certo. Pra mim é coisa do Typescript implicando com coisa simples...

Olá, Daniel!

Realmente, deve ser algum erro de tipagem do TS ou sintaxe, pois a ferramenta está funcionando perfeitamente, apenas notificando esse erro mesmo. Reescreverei novamente o código para verificar. Obrigado pela dica!