Buttons will not re-enable

collector.on('collect', async (button) => {
  await button.deferUpdate();
  if (button.customId === 'help-v2-previous-page') {
     if (pageNumber > -1) {
       pageNumber--;
     }
   }
   else if (button.customId === 'help-v2-home') {
     pageNumber = -1;
   }
   else if (button.customId === 'help-v2-next-page') {
     if (pageNumber < pages.length - 1) {
       pageNumber++;
     }
   }

 // Only doing this because I'm trying to solve the issue
 let button1;
 let button2;
 let button3;
 if (pageNumber === -1) {
   button1 = true;
   button2 = true;
 }
 else {
   button1 = false;
   button2 = false;
 }

 if (pageNumber < pages.length - 1) {
   button3 = false;
 }
 else {
   button3 = true;
 }

 await interaction.editReply({
   embeds: [getPageCommandEmbed(pageNumber)],
   compontents: [buttonRow(button1, button2, button3)],
 });

 collector.resetTimer();
});

const buttonRow = (st1, st2, st3) => {
  return new ActionRowBuilder()
    .setComponents(prevPage(st1), home(st2), nextPage(st3));
};

const prevPage = (state) => {
  return new ButtonBuilder()
    .setCustomId('help-v2-previous-page')
    .setLabel('Previous Page')
    .setEmoji('⬅️')
    .setStyle(ButtonStyle.Primary)
    .setDisabled(state);
};