Achei um post aqui no Stackoverflow mesmo que acho que pode te ajudar nessa duvida, mas basicamente pelo que eu compreendi:
os () servem para e quando vc vai fazer uma ação aonde o código que a variável invoca tiver mais de uma linha e quando e uma ação única que só será executada quando a variável for chamada
as {} e pra criar um bloco de ações que pode ter retorno tipo o os exemplos que foram colocados no post que me baseei
const fn1 = () => {
return 'Olá, mundo!'
};
const fn2 = (x, y) => {
// `if` é um exemplo de declaração (statement):
if (x > y) {
return 'X é maior que Y.';
}
};
já quando temos ({}) e quando vc quer retornar um objeto e quando vc tem múltiplas linhas de código separados por ( , )
Não leve oq eu disse como verdade absoluta da uma pesquisada a mais tmb , e da uma olhada no post que aborda esse assuntos de parênteses e chaves
Qual a diferença entre chaves e parênteses em uma arrow function no JavaScript?