Cannot update embed after component interaction

async execute(interaction) {
    ...

    interaction
      .editReply(replyMessage)
      .then(() => {
        const collectorFilter = (i) => i.user.id === interaction.user.id;
        const taskPromises = values.map((row) => {
          const embed = generateEmbed(row);  // an embed object
          const select = new StringSelectMenuBuilder()
            .setCustomId("selector")
            .setPlaceholder("Select a new status!")
            .addOptions(
              ...StatusChoices.map((c) =>
                new StringSelectMenuOptionBuilder().setLabel(c).setValue(c),
              ),
            );

          return interaction
            .followUp({
              embeds: [embed],
              components: [new ActionRowBuilder().addComponents(select)],
            })
            .then((msg) => {
              return msg.awaitMessageComponent({
                filter: collectorFilter,
              });
            })
            .then((conf) => {
              const newEmbed = EmbedBuilder.from(conf.message.embeds[0])
                .setColor(StatusColor[conf.values[0]])
                .setDescription(
                  `Status updated`,
                );
              // ↓ this doesn't work either ↓
              // const newEmbed = new EmbedBuilder()
              //   .setTitle("Some title")
              //   .setDescription("Description after the edit");

              const channel = interaction.client.channels.cache.get(
                JSON.parse(process.env.CHANNEL)["notice"],
              );

              channel.send({
                content: `Status updated`,
                embed: [newEmbed],
              });

              conf.update({
                content: `Status updated`,
                embed: [newEmbed],
                components: [],
              });
            });
        });

        return Promise.all(taskPromises);
      });
  },