Olá, sou meio novo no mundo do typescript e está acontecendo algo que não consigo explicar o porquê.
Tenho o seguinte state:
const [estaExecutando, mudarExecucao] = useState(false);
Passo para o meu componente da seguinte forma:
<Contador
tempo_total={tempoTotal}
estaExecutando={estaExecutando}
mudarExecucao={mudarExecucao}
/>
Então dentro desse componente tenho a seguinte interface e implementação:
interface ContadorProps {
tempo_total: number;
estaExecutando: Boolean;
mudarExecucao: (prev: boolean) => boolean; // Vai receber no prev o estado anterior que no caso seria true ou false e vai retornar também true ou false
}
const Contador: React.FC<ContadorProps> = ({ tempo_total, estaExecutando, mudarExecucao }) => {
<TouchableOpacity onPress={() => mudarExecucao((prev: boolean) => !prev)}>
Play/pause
</TouchableOpacity>
}
Isso me dá o seguinte erro:
Argument of type '(prev: boolean) => boolean' is not assignable to parameter of type 'boolean'.
Já tentei colocar na interface que essa função retorna void. Também já tentei tirar o boolean do prev
<TouchableOpacity onPress={() => mudarExecucao((prev) => !prev)}>
Mas ainda sim o mesmo erro. O que estou fazendo de errado?