D

d.js toolkit•1/14/25, 5:07 PM

What's your exact discord.js

npm list discord.js

npm list discord.js

and node

node -v

node -v

version?

Not a discord.js issue? Check out #other-js-ts.
Consider reading #how-to-get-help to improve your question!
Explain what exactly your issue is.
Post the full error stack trace, not just the top part!
Show your code!
Issue solved? Press the button!

S

SerqeevichOP•1/14/25, 5:07 PM

I’m using

 fetchReply: true

 fetchReply: true

to fetch the interaction response message, as shown in the example below and its work

const response = await interaction.reply({
    fetchReply: true,
    flags: [MessageFlags.Ephemeral],
    components: [row],
});

const collector = response.createMessageComponentCollector({
    componentType: ComponentType.StringSelect,
    time: 60_000,
    filter: (i: AnySelectMenuInteraction) => i.user.id === interaction.user.id && i.customId === selectMenu.data.custom_id,
});

collector.on('collect', async (i: AnySelectMenuInteraction) => {
    const memberIds = i.values;

    for (const memberId of memberIds) {
        console.log(memberId);
    }
});

const response = await interaction.reply({
    fetchReply: true,
    flags: [MessageFlags.Ephemeral],
    components: [row],
});

const collector = response.createMessageComponentCollector({
    componentType: ComponentType.StringSelect,
    time: 60_000,
    filter: (i: AnySelectMenuInteraction) => i.user.id === interaction.user.id && i.customId === selectMenu.data.custom_id,
});

collector.on('collect', async (i: AnySelectMenuInteraction) => {
    const memberIds = i.values;

    for (const memberId of memberIds) {
        console.log(memberId);
    }
});

const response = await interaction.reply({
    fetchReply: true,
    flags: [MessageFlags.Ephemeral],
    components: [row],
});

const collector = response.createMessageComponentCollector({
    componentType: ComponentType.StringSelect,
    time: 60_000,
    filter: (i: AnySelectMenuInteraction) => i.user.id === interaction.user.id && i.customId === selectMenu.data.custom_id,
});

collector.on('collect', async (i: AnySelectMenuInteraction) => {
    const memberIds = i.values;

    for (const memberId of memberIds) {
        console.log(memberId);
    }
});

const response = await interaction.reply({
    fetchReply: true,
    flags: [MessageFlags.Ephemeral],
    components: [row],
});

const collector = response.createMessageComponentCollector({
    componentType: ComponentType.StringSelect,
    time: 60_000,
    filter: (i: AnySelectMenuInteraction) => i.user.id === interaction.user.id && i.customId === selectMenu.data.custom_id,
});

collector.on('collect', async (i: AnySelectMenuInteraction) => {
    const memberIds = i.values;

    for (const memberId of memberIds) {
        console.log(memberId);
    }
});

I

Inky•1/14/25, 5:07 PM

It’s just a warning, but the warning is correct

S

SerqeevichOP•1/14/25, 5:08 PM

I’ve tried replacing fetchReply with withResponse or fetching the reply after calling interaction.reply() as suggested in the warning, but neither approach works.

I

Inky•1/14/25, 5:08 PM

Since ur only using it to make a collector, use withResponse instead

I

Inky•1/14/25, 5:08 PM

Are you sure you aren’t using fetchReply elsewhere?

IInky Since ur only using it to make a collector, use withResponse instead

S

SerqeevichOP•1/14/25, 5:08 PM

its dont work

SSerqeevich its dont work

I

Inky•1/14/25, 5:09 PM

Are you sure you aren’t using fetchReply elsewhere?

I

Inky•1/14/25, 5:09 PM

The warning shows any time you use fetchReply for the first time when running the code

IInky Are you sure you aren’t using fetchReply elsewhere?

S

SerqeevichOP•1/14/25, 5:10 PM

sure

S

SerqeevichOP•1/14/25, 5:10 PM

import { ActionRowBuilder, AnySelectMenuInteraction, ButtonInteraction, ComponentType, MessageFlags, PermissionFlagsBits, StringSelectMenuBuilder, StringSelectMenuOptionBuilder } from "discord.js";
import CustomClient from "../../../base/classes/Client";
import { ButtonIds } from "../../../base/enums/buttonsIds.enum";
import IComponent from "../../../base/interfaces/component.interface";
import { Emojis } from "../../../base/enums/emojis.enum";

export default class Kick implements IComponent {

    client: CustomClient;

    constructor(client: CustomClient) {
        this.client = client;
    }

    id = ButtonIds.Kick;

    async execute(interaction: ButtonInteraction, client: CustomClient) {

        const validation = await client.voiceMasterHelper.validation(interaction, this.id);

        if (!validation.success) {

            if (validation.message) {

                interaction.reply({
                    content: validation.message,
                    flags: MessageFlags.Ephemeral
                });

            };

            return;

        };

        const data = validation.data;
        const channel = validation.channel!;
        const membersSize = channel?.members.size;

        const options: StringSelectMenuOptionBuilder[] = channel.members
            .filter((m) => m.id !== data?.owner_id)
            .filter((m) => !m.permissions.has(PermissionFlagsBits.Administrator || PermissionFlagsBits.ModerateMembers))
            .map((m) => {
                return new StringSelectMenuOptionBuilder()
                    .setLabel(`${m.user.username}`)
                    .setValue(`${m.user.id}`)
            });


        if (options.length === 0) {

            await interaction.reply({
                content: `<:warn:${Emojis.Warn}> _Вам некого исключать из канала._`,
                flags: MessageFlags.Ephemeral
            });

            return

        };

        const selectMenu = new StringSelectMenuBuilder()
            .setCustomId(`kick_members`)
            .setMinValues(1)
            .setMaxValues(membersSize - 1)
            .setOptions(options)


        const row = new ActionRowBuilder<StringSelectMenuBuilder>()
            .setComponents(selectMenu)

        const response = await interaction.reply({
            components: [row],
            flags: MessageFlags.Ephemeral,
            // withResponse: true,
        })

        const collector = response.createMessageComponentCollector({
            componentType: ComponentType.StringSelect,
            time: 60_000,
            filter: (i: AnySelectMenuInteraction) => i.user.id === interaction.user.id && i.customId === selectMenu.data.custom_id,
        })


        collector.on(`collect`, async (i: AnySelectMenuInteraction) => {

            const memberIds = i.values;

            for (const memberId of memberIds) {

                console.log(memberId);

            };

        });


    };

};

import { ActionRowBuilder, AnySelectMenuInteraction, ButtonInteraction, ComponentType, MessageFlags, PermissionFlagsBits, StringSelectMenuBuilder, StringSelectMenuOptionBuilder } from "discord.js";
import CustomClient from "../../../base/classes/Client";
import { ButtonIds } from "../../../base/enums/buttonsIds.enum";
import IComponent from "../../../base/interfaces/component.interface";
import { Emojis } from "../../../base/enums/emojis.enum";

export default class Kick implements IComponent {

    client: CustomClient;

    constructor(client: CustomClient) {
        this.client = client;
    }

    id = ButtonIds.Kick;

    async execute(interaction: ButtonInteraction, client: CustomClient) {

        const validation = await client.voiceMasterHelper.validation(interaction, this.id);

        if (!validation.success) {

            if (validation.message) {

                interaction.reply({
                    content: validation.message,
                    flags: MessageFlags.Ephemeral
                });

            };

            return;

        };

        const data = validation.data;
        const channel = validation.channel!;
        const membersSize = channel?.members.size;

        const options: StringSelectMenuOptionBuilder[] = channel.members
            .filter((m) => m.id !== data?.owner_id)
            .filter((m) => !m.permissions.has(PermissionFlagsBits.Administrator || PermissionFlagsBits.ModerateMembers))
            .map((m) => {
                return new StringSelectMenuOptionBuilder()
                    .setLabel(`${m.user.username}`)
                    .setValue(`${m.user.id}`)
            });


        if (options.length === 0) {

            await interaction.reply({
                content: `<:warn:${Emojis.Warn}> _Вам некого исключать из канала._`,
                flags: MessageFlags.Ephemeral
            });

            return

        };

        const selectMenu = new StringSelectMenuBuilder()
            .setCustomId(`kick_members`)
            .setMinValues(1)
            .setMaxValues(membersSize - 1)
            .setOptions(options)


        const row = new ActionRowBuilder<StringSelectMenuBuilder>()
            .setComponents(selectMenu)

        const response = await interaction.reply({
            components: [row],
            flags: MessageFlags.Ephemeral,
            // withResponse: true,
        })

        const collector = response.createMessageComponentCollector({
            componentType: ComponentType.StringSelect,
            time: 60_000,
            filter: (i: AnySelectMenuInteraction) => i.user.id === interaction.user.id && i.customId === selectMenu.data.custom_id,
        })


        collector.on(`collect`, async (i: AnySelectMenuInteraction) => {

            const memberIds = i.values;

            for (const memberId of memberIds) {

                console.log(memberId);

            };

        });


    };

};

import { ActionRowBuilder, AnySelectMenuInteraction, ButtonInteraction, ComponentType, MessageFlags, PermissionFlagsBits, StringSelectMenuBuilder, StringSelectMenuOptionBuilder } from "discord.js";
import CustomClient from "../../../base/classes/Client";
import { ButtonIds } from "../../../base/enums/buttonsIds.enum";
import IComponent from "../../../base/interfaces/component.interface";
import { Emojis } from "../../../base/enums/emojis.enum";

export default class Kick implements IComponent {

    client: CustomClient;

    constructor(client: CustomClient) {
        this.client = client;
    }

    id = ButtonIds.Kick;

    async execute(interaction: ButtonInteraction, client: CustomClient) {

        const validation = await client.voiceMasterHelper.validation(interaction, this.id);

        if (!validation.success) {

            if (validation.message) {

                interaction.reply({
                    content: validation.message,
                    flags: MessageFlags.Ephemeral
                });

            };

            return;

        };

        const data = validation.data;
        const channel = validation.channel!;
        const membersSize = channel?.members.size;

        const options: StringSelectMenuOptionBuilder[] = channel.members
            .filter((m) => m.id !== data?.owner_id)
            .filter((m) => !m.permissions.has(PermissionFlagsBits.Administrator || PermissionFlagsBits.ModerateMembers))
            .map((m) => {
                return new StringSelectMenuOptionBuilder()
                    .setLabel(`${m.user.username}`)
                    .setValue(`${m.user.id}`)
            });


        if (options.length === 0) {

            await interaction.reply({
                content: `<:warn:${Emojis.Warn}> _Вам некого исключать из канала._`,
                flags: MessageFlags.Ephemeral
            });

            return

        };

        const selectMenu = new StringSelectMenuBuilder()
            .setCustomId(`kick_members`)
            .setMinValues(1)
            .setMaxValues(membersSize - 1)
            .setOptions(options)


        const row = new ActionRowBuilder<StringSelectMenuBuilder>()
            .setComponents(selectMenu)

        const response = await interaction.reply({
            components: [row],
            flags: MessageFlags.Ephemeral,
            // withResponse: true,
        })

        const collector = response.createMessageComponentCollector({
            componentType: ComponentType.StringSelect,
            time: 60_000,
            filter: (i: AnySelectMenuInteraction) => i.user.id === interaction.user.id && i.customId === selectMenu.data.custom_id,
        })


        collector.on(`collect`, async (i: AnySelectMenuInteraction) => {

            const memberIds = i.values;

            for (const memberId of memberIds) {

                console.log(memberId);

            };

        });


    };

};

import { ActionRowBuilder, AnySelectMenuInteraction, ButtonInteraction, ComponentType, MessageFlags, PermissionFlagsBits, StringSelectMenuBuilder, StringSelectMenuOptionBuilder } from "discord.js";
import CustomClient from "../../../base/classes/Client";
import { ButtonIds } from "../../../base/enums/buttonsIds.enum";
import IComponent from "../../../base/interfaces/component.interface";
import { Emojis } from "../../../base/enums/emojis.enum";

export default class Kick implements IComponent {

    client: CustomClient;

    constructor(client: CustomClient) {
        this.client = client;
    }

    id = ButtonIds.Kick;

    async execute(interaction: ButtonInteraction, client: CustomClient) {

        const validation = await client.voiceMasterHelper.validation(interaction, this.id);

        if (!validation.success) {

            if (validation.message) {

                interaction.reply({
                    content: validation.message,
                    flags: MessageFlags.Ephemeral
                });

            };

            return;

        };

        const data = validation.data;
        const channel = validation.channel!;
        const membersSize = channel?.members.size;

        const options: StringSelectMenuOptionBuilder[] = channel.members
            .filter((m) => m.id !== data?.owner_id)
            .filter((m) => !m.permissions.has(PermissionFlagsBits.Administrator || PermissionFlagsBits.ModerateMembers))
            .map((m) => {
                return new StringSelectMenuOptionBuilder()
                    .setLabel(`${m.user.username}`)
                    .setValue(`${m.user.id}`)
            });


        if (options.length === 0) {

            await interaction.reply({
                content: `<:warn:${Emojis.Warn}> _Вам некого исключать из канала._`,
                flags: MessageFlags.Ephemeral
            });

            return

        };

        const selectMenu = new StringSelectMenuBuilder()
            .setCustomId(`kick_members`)
            .setMinValues(1)
            .setMaxValues(membersSize - 1)
            .setOptions(options)


        const row = new ActionRowBuilder<StringSelectMenuBuilder>()
            .setComponents(selectMenu)

        const response = await interaction.reply({
            components: [row],
            flags: MessageFlags.Ephemeral,
            // withResponse: true,
        })

        const collector = response.createMessageComponentCollector({
            componentType: ComponentType.StringSelect,
            time: 60_000,
            filter: (i: AnySelectMenuInteraction) => i.user.id === interaction.user.id && i.customId === selectMenu.data.custom_id,
        })


        collector.on(`collect`, async (i: AnySelectMenuInteraction) => {

            const memberIds = i.values;

            for (const memberId of memberIds) {

                console.log(memberId);

            };

        });


    };

};

I

Inky•1/14/25, 5:11 PM

You don’t have any other command?

IInky You don’t have any other command?

S

SerqeevichOP•1/14/25, 5:11 PM

have

I

Inky•1/14/25, 5:11 PM

It’s easier just to use the project-wide search bar if on VSC

S

SerqeevichOP•1/14/25, 5:13 PM

I don't understand how this could be related, but yes, I don't use it anywhere

S

SerqeevichOP•1/14/25, 5:13 PM

        const response = await interaction.reply({
            components: [row],
            flags: MessageFlags.Ephemeral,
             withResponse: true,
        })

        const collector = response.createMessageComponentCollector({
            componentType: ComponentType.StringSelect,
            time: 60_000,
            filter: (i: AnySelectMenuInteraction) => i.user.id === interaction.user.id && i.customId === selectMenu.data.custom_id,
        })


        collector.on(`collect`, async (i: AnySelectMenuInteraction) => {

            const memberIds = i.values;

            for (const memberId of memberIds) {

                console.log(memberId);

            };

        });

        const response = await interaction.reply({
            components: [row],
            flags: MessageFlags.Ephemeral,
             withResponse: true,
        })

        const collector = response.createMessageComponentCollector({
            componentType: ComponentType.StringSelect,
            time: 60_000,
            filter: (i: AnySelectMenuInteraction) => i.user.id === interaction.user.id && i.customId === selectMenu.data.custom_id,
        })


        collector.on(`collect`, async (i: AnySelectMenuInteraction) => {

            const memberIds = i.values;

            for (const memberId of memberIds) {

                console.log(memberId);

            };

        });

        const response = await interaction.reply({
            components: [row],
            flags: MessageFlags.Ephemeral,
             withResponse: true,
        })

        const collector = response.createMessageComponentCollector({
            componentType: ComponentType.StringSelect,
            time: 60_000,
            filter: (i: AnySelectMenuInteraction) => i.user.id === interaction.user.id && i.customId === selectMenu.data.custom_id,
        })


        collector.on(`collect`, async (i: AnySelectMenuInteraction) => {

            const memberIds = i.values;

            for (const memberId of memberIds) {

                console.log(memberId);

            };

        });

        const response = await interaction.reply({
            components: [row],
            flags: MessageFlags.Ephemeral,
             withResponse: true,
        })

        const collector = response.createMessageComponentCollector({
            componentType: ComponentType.StringSelect,
            time: 60_000,
            filter: (i: AnySelectMenuInteraction) => i.user.id === interaction.user.id && i.customId === selectMenu.data.custom_id,
        })


        collector.on(`collect`, async (i: AnySelectMenuInteraction) => {

            const memberIds = i.values;

            for (const memberId of memberIds) {

                console.log(memberId);

            };

        });

S

SerqeevichOP•1/14/25, 5:14 PM

if i use withResponse: true - my collector doesn't work

S

SerqeevichOP•1/14/25, 5:14 PM

if i change withResponse on fetchReply - i see id in console

I

Inky•1/14/25, 5:16 PM

Can you run the bot with the trace-deprecation flag? i.e.

node --trace-deprecation index.js

node --trace-deprecation index.js

IInky Can you run the bot with the trace-deprecation flag? i.e. `node --trace-deprecat...

S

SerqeevichOP•1/14/25, 5:18 PM

nothing

S

SerqeevichOP•1/14/25, 5:18 PM

S

SerqeevichOP•1/14/25, 5:18 PM

stop

S

SerqeevichOP•1/14/25, 5:18 PM

sorry

S

SerqeevichOP•1/14/25, 5:18 PM

it's without fetchREply

I

Inky•1/14/25, 5:19 PM

Warning went away?

IInky Warning went away?

S

SerqeevichOP•1/14/25, 5:21 PM

strange but yes, but it doesn't matter, the problem is not in the warning but in the fact that the code does not work

S

SerqeevichOP•1/14/25, 5:21 PM

I

Inky•1/14/25, 5:22 PM

Is there an error?

S

SerqeevichOP•1/14/25, 5:22 PM

no

S

SerqeevichOP•1/14/25, 5:30 PM

ok
when i use withResponse i get

 InteractionCallbackResponse

 InteractionCallbackResponse

and fetchReply return

 message

 message

S

SerqeevichOP•1/14/25, 5:33 PM

and if i use

 withResponse

 withResponse

i get an error with method

 createMessageComponentCollector

 createMessageComponentCollector

Property 'createMessageComponentCollector' does not exist on type 'InteractionCallbackResponse'

SSerqeevich and if i use ` withResponse ` i get an error with method ` createMessageCompone...

I

Inky•1/14/25, 5:37 PM

Actually, just don’t enable anything

IInky Actually, just don’t enable anything

S

SerqeevichOP•1/14/25, 5:39 PM

?

SSerqeevich ?

I

Inky•1/14/25, 5:39 PM

!

IInky !

S

SerqeevichOP•1/14/25, 5:40 PM

This is pointless advice

I

Inky•1/14/25, 5:40 PM

How?

I

Inky•1/14/25, 5:40 PM

That’s just how the reply method behaves

I

Inky•1/14/25, 5:40 PM

InteractionResponse is only returned when you don’t enable withResponse and withReply

SSerqeevich and if i use ` withResponse ` i get an error with method ` createMessageCompone...

N

NyR•1/14/25, 5:40 PM

Well yeah, because it's not a method on

InteractionCallbackResponse

InteractionCallbackResponse

, do

<response>.resources!.message!.createMessageComponentCollector

<response>.resources!.message!.createMessageComponentCollector

I

Inky•1/14/25, 5:40 PM

Not that you needed fetchReply in the first place

I

Inky•1/14/25, 5:41 PM

Unless you were on a much older version that had fetchReply, but didn’t return anything w/o fetchReply

NNyR Well yeah, because it's not a method on `InteractionCallbackResponse`, do `<resp...

S

SerqeevichOP•1/14/25, 5:42 PM

Thank you!!!

:emoji_52:

Serqeevich · 2025-01-14T17:07:20.208Z

While working on my Discord.js bot, I encountered the following warning: -# (node:12684) Warning: Supplying "fetchReply" for interaction response options is deprecated. Utilize "withResponse" instead or fetch the response after using the method.

How to properly use "fetchReply" in Discord.js Interaction API?

:emoji_52:

Similar Threads

Similar Threads

Similar Threads

:emoji_52: