Editing a message to insert a new component gives "Interaction failed" message?

const firstMessage = await interaction.reply({content:'Blah blah blah choose an option', components:[actionRow]});
const checkUserFilter = i => i.user.id === interaction.user.id;
const choiceSelected = await firstMessage.awaitMessageComponent({ filter: checkUserFilter, time: 60000 });

if (choiceSelected.values[0] == "someOption") {
                    const channelSelect = new ChannelSelectMenuBuilder({ custom_id: 'channelSelect', placeholder: 'Select a channel'});
                    const channelSelectActionRow = new ActionRowBuilder().addComponents(channelSelect);
                    
                    const chooseChannelMsg = await firstMessage.edit({ content: 'Now I am asking you to choose a channel!', components:[channelSelectActionRow]});

const firstMessage = await interaction.reply({content:'Blah blah blah choose an option', components:[actionRow]});
const checkUserFilter = i => i.user.id === interaction.user.id;
const choiceSelected = await firstMessage.awaitMessageComponent({ filter: checkUserFilter, time: 60000 });

if (choiceSelected.values[0] == "someOption") {
                    const channelSelect = new ChannelSelectMenuBuilder({ custom_id: 'channelSelect', placeholder: 'Select a channel'});
                    const channelSelectActionRow = new ActionRowBuilder().addComponents(channelSelect);
                    
                    const chooseChannelMsg = await firstMessage.edit({ content: 'Now I am asking you to choose a channel!', components:[channelSelectActionRow]});