[Dúvida] Dúvda append no useFieldArray [REACT]

Eu estou realizando append de valores em um useFieldArray, porem quando eu aciono o button é feito submit da tela. Após pesquisas vi que utilizar um type='button' resolveria, mas após adicionar no botão o type ele não realiza o append mais...

 ))}
                                    <div className="botao-direita">
                                        <button type="button" className="btn btn-light-primary btn-sm" onClick={() => { contabilField.valoresCusto.push({ valor: 0, nrCentroCusto: '' }) }} >+ Centro de Custo</button>
                                    </div>
    const { fields: valoresContabilFields, append: appendValoresContabil, remove: removeValoresContabil } = useFieldArray({
        name: 'valoresContabil',
        control
    });
    

Alguem já passou por algo parecido ou sabe como resolver essa questão?