ButtonBuilder > TypeError: Cannot read properties of undefined (reading 'customId')

const { componentTogglerIds } = require('./commands/main/start-contract');
const buttonToggleCounters = {};
...
if (interaction.isButton()) {
    try {
        const buttonIndex = componentTogglerIds.indexOf(interaction.customId);
    
        if (buttonIndex !== -1) {
            const styles = [ButtonStyle.Success, ButtonStyle.Danger, ButtonStyle.Primary];
    
            // Get the toggle counter for the specific button or initialize it to 0
            let toggleCounter = buttonToggleCounters[interaction.customId] || 0;

            // Toggle the button style
            const newStyle = styles[toggleCounter % styles.length];

            // Get the current button details
            
            const currentButton = interaction.message.components[0].components[buttonIndex];
            console.log(currentButton)
                        // HERE IT CRASHES AND CONSOLE LOG RETURNS UNDEFINED. EVERYWHERE BEFORE IT RETURNS PROPPER ID
            const currentId = currentButton.customId;
            const currentLabel = currentButton.label;
    
            // Increment the toggle counter for the specific button
            buttonToggleCounters[interaction.customId] = (toggleCounter + 1) % styles.length;
    
            // Create a new button with the updated style
            const newButton = new ButtonBuilder()
                .setCustomId(currentId)
                .setLabel(currentLabel)
                .setStyle(newStyle);

            // Replace the existing button in the MessageActionRow
            interaction.message.components[0].components[buttonIndex] = newButton;
    
            // Edit the message with the updated button style
            await interaction.update({
                components: [interaction.message.components[0]],
            });
        }
    } catch (error) {
        console.error(error);
    }}

const { componentTogglerIds } = require('./commands/main/start-contract');
const buttonToggleCounters = {};
...
if (interaction.isButton()) {
    try {
        const buttonIndex = componentTogglerIds.indexOf(interaction.customId);
    
        if (buttonIndex !== -1) {
            const styles = [ButtonStyle.Success, ButtonStyle.Danger, ButtonStyle.Primary];
    
            // Get the toggle counter for the specific button or initialize it to 0
            let toggleCounter = buttonToggleCounters[interaction.customId] || 0;

            // Toggle the button style
            const newStyle = styles[toggleCounter % styles.length];

            // Get the current button details
            
            const currentButton = interaction.message.components[0].components[buttonIndex];
            console.log(currentButton)
                        // HERE IT CRASHES AND CONSOLE LOG RETURNS UNDEFINED. EVERYWHERE BEFORE IT RETURNS PROPPER ID
            const currentId = currentButton.customId;
            const currentLabel = currentButton.label;
    
            // Increment the toggle counter for the specific button
            buttonToggleCounters[interaction.customId] = (toggleCounter + 1) % styles.length;
    
            // Create a new button with the updated style
            const newButton = new ButtonBuilder()
                .setCustomId(currentId)
                .setLabel(currentLabel)
                .setStyle(newStyle);

            // Replace the existing button in the MessageActionRow
            interaction.message.components[0].components[buttonIndex] = newButton;
    
            // Edit the message with the updated button style
            await interaction.update({
                components: [interaction.message.components[0]],
            });
        }
    } catch (error) {
        console.error(error);
    }}