Editing interaction message gives an error

client.on("interactionCreate", async (interaction) => {
  if (!interaction.isButton()) return;

  await interaction.deferUpdate();

  const member = interaction.member;
  if (interaction.customId === "joinQueue") {

    if (!queue.includes(member)) {

      queue.push(member);


      const queueMessage = `**Queue:**\n${queue
        .map((m) => m.user.tag)
        .join("\n")}`;

      interaction.message.edit({
        content: queueMessage,
      });
      const leaveQueueButton = new ButtonBuilder()
        .setCustomId("leaveQueue")
        .setLabel("Leave Queue")
        .setStyle(ButtonStyle.Danger);

      const row = new ActionRowBuilder().addComponents(leaveQueueButton);
      interaction.followUp({
        content: "You joined the queue!",
        components: [row],
        ephemeral: true,
      });
      console.log(`${member.user.tag} has joined the queue.`);
    }
  } else if (interaction.customId === "leaveQueue") {

    const index = queue.indexOf(member);
    console.log(index);
    if (index !== -1) {
      queue.splice(index, 1);


      const queueMessage = `**Queue:**\n${queue.join("\n")}`;

      interaction.message.edit({
        content: queueMessage,
      });
      interaction.followUp({
        content: "You left the queue!",
        ephemeral: true,
      });
      console.log(`${member.user.tag} has left the queue.`);
    }
  }
});