TypeError: Cannot read properties of undefined (reading ‘execute’) occurs whenever i click the button

i made this inventory command and it worked, the button showed. but whenever i click the button, it will give me an error

TypeError: Cannot read properties of undefined (reading 'execute')
    at Client.<anonymous> (F:DISCORD_WWWindex.js:58:17)
    at Client.emit (node:events:525:35)
    at InteractionCreateAction.handle (F:DISCORD_WWWnode_modulesdiscord.jssrcclientactionsInteractionCreate.js:97:12)
    at module.exports [as INTERACTION_CREATE] (F:DISCORD_WWWnode_modulesdiscord.jssrcclientwebsockethandlersINTERACTION_CREATE.js:4:36)
    at WebSocketManager.handlePacket (F:DISCORD_WWWnode_modulesdiscord.jssrcclientwebsocketWebSocketManager.js:352:31)
    at WebSocketShard.onPacket (F:DISCORD_WWWnode_modulesdiscord.jssrcclientwebsocketWebSocketShard.js:494:22) 
    at WebSocketShard.onMessage (F:DISCORD_WWWnode_modulesdiscord.jssrcclientwebsocketWebSocketShard.js:328:10)
    at callListener (F:DISCORD_WWWnode_moduleswslibevent-target.js:290:14)
    at WebSocket.onMessage (F:DISCORD_WWWnode_moduleswslibevent-target.js:209:9)
    at WebSocket.emit (node:events:513:28)

this is the inventory code

const { SlashCommandBuilder } = require('discord.js');
const discord = require("discord.js");
const { QuickDB } = require("quick.db");
const db = new QuickDB();
const { ActionRowBuilder, ButtonBuilder, ButtonStyle } = require('discord.js');

module.exports = {
    data: new SlashCommandBuilder()
        .setName('inventory')
        .setDescription('See the list of all commands or specific info of a command')
        .addUserOption(option => option.setName('user').setDescription('The user to display information about.')),
    async execute(interaction) {
        const user = interaction.options.getUser('user') || interaction.user;
        const userInventory = await db.get(`inventory.${user.id}`);
        if (!userInventory) {
        return interaction.reply('inventory is empty.');
        }

        const inventoryEntries = Object.entries(userInventory);
        const inventoryStrings = inventoryEntries.map(([itemName, quantity]) => {
        return `- ${quantity} ${itemName}(s)`;
        });

        const PAGE_SIZE = 10;
        const numPages = Math.ceil(inventoryStrings.length / PAGE_SIZE);

        let page = 0;
        const pageString = () => `Page ${page + 1} of ${numPages}`;

        const getCurrentPage = () => inventoryStrings.slice(page * PAGE_SIZE, (page + 1) * PAGE_SIZE);
        const currentPageString = () => getCurrentPage().join('n');

        // const prev = new ButtonBuilder()
        //  .setCustomId('prev')
        //  .setLabel('◀️')
        //  .setStyle(ButtonStyle.Primary)
        //     .setDisabled(page === 0)

        // const next = new ButtonBuilder()
        //  .setCustomId('next')
        //  .setLabel('▶️')
        //  .setStyle(ButtonStyle.Primary);

        // const close = new ButtonBuilder()
        //  .setCustomId('close')
        //  .setLabel('❌')
        //  .setStyle(ButtonStyle.Danger)
        //     .setDisabled(page === numPages - 1)

        // const row = new ActionRowBuilder()
        //  .addComponents(prev, next, close);

        const buttonsRow = new ActionRowBuilder()
        .addComponents(
            new ButtonBuilder()
                .setCustomId('prev')
                .setLabel('◀️')
                .setStyle('Primary')
                .setDisabled(page === 0),
            new ButtonBuilder()
                .setCustomId('next')
                .setLabel('▶️')
                .setStyle('Primary')
                .setDisabled(page === numPages - 1),
            new ButtonBuilder()
                .setCustomId('close')
                .setLabel('❌')
                .setStyle('Danger')
        );

        const embed = new discord.EmbedBuilder()
        .setColor('#0099ff')
        .setTitle(`${user.username}'s inventory`)
        .setDescription(currentPageString())
        .setFooter({ text: pageString() });;

        const messageOptions = { embeds: , components: [buttonsRow] };
        const inventoryMessage = await interaction.reply(messageOptions);

        const collector = inventoryMessage.createMessageComponentCollector({ componentType: 'BUTTON', time: 60000 });

        collector.on('collect', async interaction => {
        switch (interaction.customId) {
            case 'prev':
            page--;
            break;
            case 'next':
            page++;
            break;
            case 'close':
            inventoryMessage.delete();
            return;
        }

        page = Math.max(0, Math.min(numPages - 1, page));

        const newInventoryString = currentPageString();
        const newEmbed = new discord.EmbedBuilder()
            .setColor('#0099ff')
            .setTitle(`${user.username}'s inventory`)
            .setDescription(newInventoryString)
            .setFooter(pageString());

        await interaction.update({ embeds: [newEmbed] });
        });

        collector.on('end', () => {
        inventoryMessage.edit({ components: [] });
        });

    },
};

and this is the part of the index.js indicated by the error

bot.on(Events.InteractionCreate, async interaction => {
    let userblacklist = interaction.user;
    var i
    for (let i = 0; i < bypassUsersID.length; i++) {
        if (!bypassUsersID.includes(userblacklist.id)) {
            let blacklisted = await db.get(`blacklist_${userblacklist.id}`);
            if (blacklisted) {
              return  interaction.reply({content:'You are banned from using this bot.', ephemeral:true});
            }
        }
    }
    
    //if (!interaction.isChatInputCommand()) return;

    const command = client.commands.get(interaction.commandName);

    try {
        await command.execute(interaction);
    } catch (error) {
        console.error(error);
        if (interaction.replied || interaction.deferred) {
            await interaction.followUp({ content: 'There was an error while executing this command!', ephemeral: true });
        } else {
            await interaction.reply({ content: 'There was an error while executing this command!', ephemeral: true });
        }
    }
});

what i have tried:

//if (!interaction.isChatInputCommand()) return;

see that inactive line? when i use it, it wont give me an error but when i click the button, it will just fail. but when i deactivate it, ill get that execute error. i have carefully re-read the code for hours but i didnt have any idea why it wont work.

what i expected to happen : so there will be 3 buttons showed up, two of which are the prev and next button. they will reedit the page. but the button are disabled because the obj in the inv hasnt reached the dispay limit. and the other is the close button. this button will delete the inv embed. but this one wont work

what actually resulted: it always gives me “TypeError: Cannot read properties of undefined (reading ‘execute’)”