Typescript: ActionRowBuilder<> is not assignable.

I seem to be getting this error:

Type 'ActionRowBuilder<AnyComponentBuilder>' is not assignable to type 'APIActionRowComponent<APIMessageActionRowComponent> | JSONEncodable<APIActionRowComponent<APIMessageActionRowComponent>> | ActionRowData<...>'.

Property 'type' is missing in type 'ActionRowBuilder<AnyComponentBuilder>' but required in type 'ActionRowData<MessageActionRowComponentBuilder | MessageActionRowComponentData>'.ts(2322)

Type 'ActionRowBuilder<AnyComponentBuilder>' is not assignable to type 'APIActionRowComponent<APIMessageActionRowComponent> | JSONEncodable<APIActionRowComponent<APIMessageActionRowComponent>> | ActionRowData<...>'.

Property 'type' is missing in type 'ActionRowBuilder<AnyComponentBuilder>' but required in type 'ActionRowData<MessageActionRowComponentBuilder | MessageActionRowComponentData>'.ts(2322)

I'm using the code from the djs guide.

const select = new StringSelectMenuBuilder()
        .setCustomId('starter')
        .setPlaceholder('Make a selection!')
        .addOptions(
            new StringSelectMenuOptionBuilder()
                .setLabel('Bulbasaur')
                .setDescription('The dual-type Grass/Poison Seed Pokémon.')
                .setValue('bulbasaur'),
            new StringSelectMenuOptionBuilder()
                .setLabel('Charmander')
                .setDescription('The Fire-type Lizard Pokémon.')
                .setValue('charmander'),
            new StringSelectMenuOptionBuilder()
                .setLabel('Squirtle')
                .setDescription('The Water-type Tiny Turtle Pokémon.')
                .setValue('squirtle'),
        );

    const row = new ActionRowBuilder()
        .addComponents(select);
    
    channel.send({
        content: 'Select one!',
        components: [row] // ts(2322)
    })

const select = new StringSelectMenuBuilder()
        .setCustomId('starter')
        .setPlaceholder('Make a selection!')
        .addOptions(
            new StringSelectMenuOptionBuilder()
                .setLabel('Bulbasaur')
                .setDescription('The dual-type Grass/Poison Seed Pokémon.')
                .setValue('bulbasaur'),
            new StringSelectMenuOptionBuilder()
                .setLabel('Charmander')
                .setDescription('The Fire-type Lizard Pokémon.')
                .setValue('charmander'),
            new StringSelectMenuOptionBuilder()
                .setLabel('Squirtle')
                .setDescription('The Water-type Tiny Turtle Pokémon.')
                .setValue('squirtle'),
        );

    const row = new ActionRowBuilder()
        .addComponents(select);
    
    channel.send({
        content: 'Select one!',
        components: [row] // ts(2322)
    })

4 Replies

d.js toolkit•2y ago

• What's your exact discord.js npm list discord.js and node node -v version? • Post the full error stack trace, not just the top part! • Show your code! • Explain what exactly your issue is. • Not a discord.js issue? Check out #useful-servers.

oxiOP•2y ago

Djs: [email protected] Node: v16.10.0

d.js docs•2y ago

In TypeScript the ActionRowBuilder class has a generic type parameter that specifies the type of component the action row holds:

const row = new ActionRowBuilder<ButtonBuilder>().addComponents(button)
const row = new ActionRowBuilder<StringSelectMenuBuilder>().addComponents(selectMenu)
const row = new ActionRowBuilder<TextInputBuilder>().addComponents(textInput)

const row = new ActionRowBuilder<ButtonBuilder>().addComponents(button)
const row = new ActionRowBuilder<StringSelectMenuBuilder>().addComponents(selectMenu)
const row = new ActionRowBuilder<TextInputBuilder>().addComponents(textInput)

oxiOP•2y ago

legend

Gaming

Programming

Typescript: ActionRowBuilder<> is not assignable.