Dosojin
Dosojin
DIAdiscord.js - Imagine an app
Created by Dosojin on 4/26/2025 in #djs-questions
Component V2 error
Can somebody help me with my djs component V2 implementation. This my code
const { EmbedBuilder, ActionRowBuilder, ButtonBuilder, ButtonStyle, ContainerBuilder, MessageFlags, SectionBuilder, SeparatorBuilder, SeparatorSpacingSize, TextDisplayBuilder } = require('discord.js');
const { PermissionFlagsBits } = require('discord.js');

module.exports = {
name: 'test',
description: 'test command for dosojin',
defaultMemberPermissions: PermissionFlagsBits.ManageMessages,
dm_permission: false,
async execute(interaction) {
if (interaction.user.id != "251438744387715073") {
interaction.reply({content: "Wait, stop, who are you? You are not Dosojin.", ephemeral: true});
}

const container2 = new ContainerBuilder()
.setAccentColor(0x3447003)
.addComponents(
new SectionBuilder()
.setButtonAccessory(
new ButtonBuilder()
.setStyle(ButtonStyle.Primary)
.setLabel("Fast Badger")
.setCustomId("784b211c319344838f176b342889dc08")
)
.addTextDisplayComponents(
new TextDisplayBuilder().setContent("Behind every robot, there's a jealous toaster."),
new TextDisplayBuilder().setContent("If life gives you toaster, make invisible unicorn soup."),
new TextDisplayBuilder().setContent("If life gives you emotional potato, make invisible unicorn soup."),
new TextDisplayBuilder().setContent("Always lick a cactus before you sing opera.")
),
new SeparatorBuilder()
.setDivider(true)
.setSpacing(SeparatorSpacingSize.Small),
new ActionRowBuilder()
.addComponents(
new ButtonBuilder()
.setStyle(ButtonStyle.Link)
.setURL("https://google.com")
.setLabel("Sassy Boar"),
new ButtonBuilder()
.setStyle(ButtonStyle.Success)
.setLabel("Wild Donkey")
.setCustomId("55360c3ba0a34247e18a3cb628111103"),
new ButtonBuilder()
.setStyle(ButtonStyle.Danger)
.setLabel("Hairy Okapi")
.setCustomId("cfcd507185e74c44f0f205c2275e71df")
),
new ActionRowBuilder()
.addComponents(
new ButtonBuilder()
.setStyle(ButtonStyle.Secondary)
.setLabel("Beautiful Baboon")
.setDisabled(true)
.setCustomId("526fbec3bc964852e895728acd1c08cb"),
new ButtonBuilder()
.setStyle(ButtonStyle.Secondary)
.setLabel("Furry Viper")
.setCustomId("2576aa024352422cf320db6de098ef5e")
),
new SeparatorBuilder()
.setDivider(true)
.setSpacing(SeparatorSpacingSize.Small),
new TextDisplayBuilder()
.setContent("If life gives you emotional potato, make toaster soup.")
);

await interaction.reply({ components: [container2], flags: MessageFlags.IsComponentsV2 });

}
};
const { EmbedBuilder, ActionRowBuilder, ButtonBuilder, ButtonStyle, ContainerBuilder, MessageFlags, SectionBuilder, SeparatorBuilder, SeparatorSpacingSize, TextDisplayBuilder } = require('discord.js');
const { PermissionFlagsBits } = require('discord.js');

module.exports = {
name: 'test',
description: 'test command for dosojin',
defaultMemberPermissions: PermissionFlagsBits.ManageMessages,
dm_permission: false,
async execute(interaction) {
if (interaction.user.id != "251438744387715073") {
interaction.reply({content: "Wait, stop, who are you? You are not Dosojin.", ephemeral: true});
}

const container2 = new ContainerBuilder()
.setAccentColor(0x3447003)
.addComponents(
new SectionBuilder()
.setButtonAccessory(
new ButtonBuilder()
.setStyle(ButtonStyle.Primary)
.setLabel("Fast Badger")
.setCustomId("784b211c319344838f176b342889dc08")
)
.addTextDisplayComponents(
new TextDisplayBuilder().setContent("Behind every robot, there's a jealous toaster."),
new TextDisplayBuilder().setContent("If life gives you toaster, make invisible unicorn soup."),
new TextDisplayBuilder().setContent("If life gives you emotional potato, make invisible unicorn soup."),
new TextDisplayBuilder().setContent("Always lick a cactus before you sing opera.")
),
new SeparatorBuilder()
.setDivider(true)
.setSpacing(SeparatorSpacingSize.Small),
new ActionRowBuilder()
.addComponents(
new ButtonBuilder()
.setStyle(ButtonStyle.Link)
.setURL("https://google.com")
.setLabel("Sassy Boar"),
new ButtonBuilder()
.setStyle(ButtonStyle.Success)
.setLabel("Wild Donkey")
.setCustomId("55360c3ba0a34247e18a3cb628111103"),
new ButtonBuilder()
.setStyle(ButtonStyle.Danger)
.setLabel("Hairy Okapi")
.setCustomId("cfcd507185e74c44f0f205c2275e71df")
),
new ActionRowBuilder()
.addComponents(
new ButtonBuilder()
.setStyle(ButtonStyle.Secondary)
.setLabel("Beautiful Baboon")
.setDisabled(true)
.setCustomId("526fbec3bc964852e895728acd1c08cb"),
new ButtonBuilder()
.setStyle(ButtonStyle.Secondary)
.setLabel("Furry Viper")
.setCustomId("2576aa024352422cf320db6de098ef5e")
),
new SeparatorBuilder()
.setDivider(true)
.setSpacing(SeparatorSpacingSize.Small),
new TextDisplayBuilder()
.setContent("If life gives you emotional potato, make toaster soup.")
);

await interaction.reply({ components: [container2], flags: MessageFlags.IsComponentsV2 });

}
};
16 replies