ReactJS вызов одного метода при первом клике и второго метода при втором клике на одну кнопку

Я хочу прописать функцию, чтобы при первом клике на кнопку срабатывал один метод, а при втором - второй. Использовала этот источник: https://www.cyberforum.ru/javascript-beginners/thread2240735.html Пока в моей функции все время срабатывает только метод на первый клик, подскажите, пожалуйста, что не так прописала в ней?

function onClickEditTableInfoData() {
        var counter = 0;
        if (counter == 0) {
            setDeleteButtonVisibility(!deleteButtonVisibility);
            counter = 1;
            console.log("first click");
        } else if (counter == 1) {
           onChangeColumns();           
           setDeleteButtonVisibility(!deleteButtonVisibility);
           counter = 0;
           console.log("second click");
        } 
    }

<IconButton
                                aria-label="редактировать"                                
                                onClick={() => onClickEditTableInfoData()}
                            >                                
 </IconButton>