RoleSelectMenuInteraction Component Collector not working

const firstActionRowButton = new ActionRowBuilder<RoleSelectMenuBuilder>().addComponents(roleSelect);
    const response = await buttonInteraction.reply({ content: 'Select a staff role. Individuals with staff will have printing, unprinting and other control over the currency.', components: [firstActionRowButton], ephemeral : true });

    let roleInteraction: RoleSelectMenuInteraction ;
    try {
        roleInteraction = await response.awaitMessageComponent({ time: 60_000 }) as RoleSelectMenuInteraction;
        console.log('HERE');
    }
    catch (error) {
        await buttonInteraction.editReply({ content :'Timed out.', components: [] });
        return;
    }

const firstActionRowButton = new ActionRowBuilder<RoleSelectMenuBuilder>().addComponents(roleSelect);
    const response = await buttonInteraction.reply({ content: 'Select a staff role. Individuals with staff will have printing, unprinting and other control over the currency.', components: [firstActionRowButton], ephemeral : true });

    let roleInteraction: RoleSelectMenuInteraction ;
    try {
        roleInteraction = await response.awaitMessageComponent({ time: 60_000 }) as RoleSelectMenuInteraction;
        console.log('HERE');
    }
    catch (error) {
        await buttonInteraction.editReply({ content :'Timed out.', components: [] });
        return;
    }