Send a Modal to members when they join the sever.

[MuhannedNoman]

Hello, I am trying to send a modal to the member upon joining the server to gather some data.

I am trying this but I am getting an error

const {
    Events,
    ModalBuilder,
    TextInputBuilder,
    ActionRowBuilder,
    TextInputStyle,
} = require('discord.js');

module.exports = {
    name: Events.GuildMemberAdd,
    once: true,
    async execute(member) {
        try {
            const modal = new ModalBuilder()
                .setCustomId('myModal')
                .setTitle('My Modal');

            const favoriteColorInput = new TextInputBuilder()
                .setCustomId('favoriteColorInput')
                .setLabel("What's your favorite color?")
                .setStyle(TextInputStyle.Short);

            const hobbiesInput = new TextInputBuilder()
                .setCustomId('hobbiesInput')
                .setLabel("What's some of your favorite hobbies?")
                .setStyle(TextInputStyle.Paragraph);

            const firstActionRow = new ActionRowBuilder().addComponents(
                favoriteColorInput
            );
            const secondActionRow = new ActionRowBuilder().addComponents(
                hobbiesInput
            );

            modal.addComponents(firstActionRow, secondActionRow);

            await member.send({
                content: 'Welcome to the server!',
                components: [modal],
            });
        } catch (error) {
            console.log('error in guildMemberAdd event', error);
        }
    },
};

Here is the error I get

DiscordAPIError[50035]: Invalid Form Body
components[0][TAG_FIELD_MISSING]: Field "type" is required to determine the model type.
....
requestBody: {
    files: [],
    json: {
      content: 'Welcome to the server!',
      tts: false,
      nonce: undefined,
      embeds: undefined,
      components: [Array],
      username: undefined,
      avatar_url: undefined,
      allowed_mentions: undefined,
      flags: undefined,
      message_reference: undefined,
      attachments: undefined,
      sticker_ids: undefined,
      thread_name: undefined
    }
  },
  rawError: {
    code: 50035,
    errors: { components: [Object] },
    message: 'Invalid Form Body'
  },
  code: 50035,
  status: 400,
  method: 'POST',
  url: 'https://discord.com/api/v10/channels/1064883876725542932/messages'
}

I was able to send a button to the user just fine. But when I tried a textInputBuilder it give an error about the type as well.
So is it possible to do this?

Thank you.

[Jiralite]

A modal is not a component. Furthermore, modals can only be sent as a response to an interaction. See the guide on them here.