Error while trying to preserve previous components when adding new component to an existing message

const userSelect = new ChannelSelectMenuBuilder()         .setCustomId('selectChannel')    .setPlaceholder('Select channel(s) to share reminders in')
  .setMinValues(1)
  .setMaxValues(10);

const row = new ActionRowBuilder<ChannelSelectMenuBuilder>().addComponents(userSelect,);

const components: ActionRow<MessageActionRowComponent>[] =
                interaction.message.components;

await interaction.update({ components: [...components, row] });

const userSelect = new ChannelSelectMenuBuilder()         .setCustomId('selectChannel')    .setPlaceholder('Select channel(s) to share reminders in')
  .setMinValues(1)
  .setMaxValues(10);

const row = new ActionRowBuilder<ChannelSelectMenuBuilder>().addComponents(userSelect,);

const components: ActionRow<MessageActionRowComponent>[] =
                interaction.message.components;

await interaction.update({ components: [...components, row] });

DiscordAPIError[50035]: Invalid Form Body
data.components[1].components[0].custom_id[COMPONENT_CUSTOM_ID_DUPLICATED]: Component custom id cannot be duplicated 

DiscordAPIError[50035]: Invalid Form Body
data.components[1].components[0].custom_id[COMPONENT_CUSTOM_ID_DUPLICATED]: Component custom id cannot be duplicated