const discordModals = require('discord-modals') // Define the discord-modals package!
            const { Modal, TextInputComponent, showModal } = require('discord-modals') // Now we extract the showModal method
            discordModals(client); // Provide the client to the discord-modals package


            let titleCompontent = new TextInputComponent() // We create an Text Input Component
              .setCustomId('title') // We set the customId to title
              .setLabel('Title Name Here')
              .setStyle('SHORT') //IMPORTANT: Text Input Component Style can be 'SHORT' or 'LONG'
              .setMinLength(4)
              .setMaxLength(15)
              .setPlaceholder('Write a text here')
              .setRequired(true) // If it's required or not
              .setValue('value')

            let descCompontent = new TextInputComponent() // We create an Text Input Component
              .setCustomId('desc') // We set the customId to title
              .setLabel('Description')
              .setStyle('LONG') //IMPORTANT: Text Input Component Style can be 'SHORT' or 'LONG'
              .setMinLength(4)
              .setMaxLength(250)
              .setPlaceholder('Write a text here')
              .setRequired(true) // If it's required or not
              .setValue('value')

            let components = [titleCompontent, descCompontent]
            console.log(components)

            const modal = new Modal() // We create a Modal
              .setCustomId('title')
              .setTitle('Task Information')
              .addComponents(components);

            showModal(modal, {
              client: client, // The showModal() method needs the client to send the modal through the API.
              interaction: interaction // The showModal() method needs the interaction to send the modal with the Interaction ID & Token.
            })


            client.on('modalSubmit', (modal) => {
              if (modal.customId === 'title') {
                (async () => {

                  const title = modal.getTextInputValue('title')
                  const desc = modal.getTextInputValue('desc')
                  var Request = http.post('https://' + process.env.ROOT_DOMAIN + '/jsonrpc.php').headers({ Accept: 'application/json', 'Content-Type': 'application/json' }).send({
                    "jsonrpc": "2.0",
                    "method": "createTask",
                    "id": 1176509098,
                    "params": {
                      "owner_id": userID,
                      "creator_id": userID,
                      "date_due": "",
                      "description": desc,
                      "category_id": 0,
                      "score": 0,
                      "title": title,
                      "project_id": projectID,
                      "color_id": "yellow",
                      "column_id": 0,
                      "recurrence_status": 0,
                      "recurrence_trigger": 0,
                      "recurrence_factor": 0,
                      "recurrence_timeframe": 0,
                      "recurrence_basedate": 0
                    }
                  });

                  // Begin the request and send authenication using the jsonrpc2.0 protocol.
                  Request.auth({
                    user: 'jsonrpc',
                    pass: process.env.API_KEY,
                    sendImmediately: false
                  }).then(function (response) {
                    console.log(response.body)
                  })

                  await modal.reply({ content: 'Task Created!', components: [] });

                })()
                ```
                
                I am not sure if I am doing something wrong in the this or the rest of my code or if the library may be having an issue.

const modal = new Modal() // We create a Modal
.setCustomId('reminderModal')
.setTitle('What should I remind you about?')
.addComponents([
    new TextInputComponent() // We create a Text Input Component
        .setCustomId('reminderText')
        .setLabel('What to remind you about')
        .setStyle('LONG')
        .setMinLength(1)
        .setMaxLength(4000)
        .setPlaceholder('Call bob and talk about planning the event')
        .setRequired(true)
]);

showModal(modal, {
  client: client,
  interaction: interaction
})

    if (!(options.client instanceof Client)) throw new Error('INVALID_CLIENT');
                                                   ^

const msg = await interaction.followUp({ components: [row5], content: `Weird button just showed up!`, ephemeral: false })
const collector = msg.createMessageComponentCollector({ time: 90000 })

collector.on('collect', async (i) => {
    if(i.customId === 'trywordbtn') {
        showModal(modal, {
            client: client,
            interaction: i
        }) 
     }
})

 client.on('modalSubmit', async (modal) => {
            if(modal.customId === 'wordleinput') {
                await modal.deferReply({ ephemeral: true }) // Error from here belongs...
                const firstResponse = modal.getTextInputValue('wordinput')

                if(firstResponse === randomWordg) {
                    await modal.followUp({ content: `Congrats 🥳 You guessed the word right, and it was \`${randomWordg}\``, ephemeral: true })
                    
                    await interaction.editReply({ content: `Good job! \`⍟Soon\` tokens has been added to your wallet.`, components: [deadraw] })

                } else if(trys === 4) {
                    await modal.followUp({ content: `You've 4 attempts to guess the word.`, ephemeral: true })

                    await interaction.editReply({ content: `Hmm... You should think more about it!`, components: [row5] })
                    trys = trys - 1

                } else if(trys === 3) {
                    await modal.followUp({ content: `\`3 of 4\` Attempts left.`, ephemeral: true })

                    await interaction.editReply({ content: `2 more attempts left, it's really easy!`, components: [row5] })

                } else if(trys === 2) {
                    await modal.followUp({ content: `\`2 of 4\` Attempts left.`, ephemeral: true })

                    await interaction.editReply({ content: `Really it's that much hard?!`, components: [row5] })
                } else if(trys === 1) {
                    await modal.followUp({ content: `\`1 of 4\` Attempts left.`, ephemeral: true })

                    await interaction.editReply({ content: `Common, think think!`, components: [row5] })
                } 
                
                if(trys === 0) {
                    await modal.followUp({ content: `Game end! You lost...`, ephemeral: true })

                    await interaction.editReply({ content: `You've ran out of attempts.. the word was \`${randomWordg}\``, components: [deadraw] })
                }
            }  
});

client.on("modalSubmit,(modal) => {
...whatever here...
modal.reply({
content: "helo",
ephemeral: true
})

SHOW_MODAL_ERROR: An error occurred when showing a modal. DiscordAPIError: Invalid Form Body
data.components: Must be between 1 and 5 in length.
    at RequestHandler.execute (/var/lib/pufferpanel/servers/1d8d04a2/node_modules/discord.js/src/rest/RequestHandler.js:350:13)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async RequestHandler.push (/var/lib/pufferpanel/servers/1d8d04a2/node_modules/discord.js/src/rest/RequestHandler.js:51:14)
    at async showModal (/var/lib/pufferpanel/servers/1d8d04a2/node_modules/discord-modals/src/structures/ShowModal.js:49:9) {
  method: 'post',
  path: '/sorry/but/no',
  code: 50035,
  httpStatus: 400,
  requestData: { json: { type: 9, data: [Object] }, files: [] }
}

const { MessageEmbed, Formatters } = require('discord.js');

const { Modal, TextInputComponent, showModal } = require('discord-modals');

const fetch = require('node-fetch');
const db = require('quick.db');

module.exports = {
    category: 'Discord',
    description: 'Apply for The Damned Guild!',
    
    slash: true,
    testOnly: true,
    
    callback: async ({ client, interaction, args }) => {
        const modal = new Modal()
        .setCustomId('modal-apply')
        .setTitle('Guild Application')
        
          .addComponents([
           new TextInputComponent()
           .setCustomId('textinput-ign')
           .setLabel("➩ What's you Minecraft IGN?")
           .setStyle('SHORT')
           .setMinLength(4)
           .setMaxLength(10)
           .setRequired(true)
           .setPlaceholder('Example: Lvnnaa')
          ])
        
          .addComponents([
            new TextInputComponent()
            .setCustomId('textinput-age')
            .setLabel("➩ What's your age? (Requirement: 13+)")
            .setStyle('SHORT')
            .setMinLength(4)
            .setMaxLength(10)
            .setRequired(true)
            .setPlaceholder('You must be 13+')
          ])

          .addComponents([
            new TextInputComponent()
            .setCustomId('textinput-joindamned')
            .setLabel("➩ Why do you want to join The Damned?")
            .setStyle('SHORT')
            .setMinLength(4)
            .setMaxLength(10)
            .setRequired(true)
            .setPlaceholder('Example: I want join because _______.')
          ])

          .addComponents([
            new TextInputComponent()
            .setCustomId('textinput-guilds')
            .setLabel("➩ What guilds were you previously in?")
            .setStyle('SHORT')
            .setMinLength(4)
            .setMaxLength(10)
            .setRequired(true)
            .setPlaceholder("If you haven't just say no")
          ])

         .addComponents([
            new TextInputComponent()
            .setCustomId('textinput-callyou')
            .setLabel("➩ What would you like us to call you?")
            .setStyle('SHORT')
            .setMinLength(4)
            .setMaxLength(10)
            .setRequired(true)
            .setPlaceholder("Example: Luna")
         ])
          
        .addComponents([
             new TextInputComponent()
            .setCustomId('textinput-pronouns')
            .setLabel("➩ What are your pronouns?")
            .setStyle('SHORT')
            .setMinLength(4)
            .setMaxLength(10)
            .setRequired(true)
            .setPlaceholder("Example: they/them, he/him, she/her")
        ])
        
        .addComponents([
            new TextInputComponent()
            .setCustomId('textinput-main')
            .setLabel("➩ What do you mostly main on Hypixel?")
            .setStyle('SHORT')
            .setMinLength(4)
            .setMaxLength(10)
            .setRequired(true)
            .setPlaceholder("Example: Bedwars, Skyblock, Skywars")
        ])
        
          showModal(modal, {
            client: client,
            interaction: interaction
          });
      },
}

Client.on('modalSubmit', modal => {
   modal.reply({
      content: "Message sent, anonymously.",
      ephemeral: true,
   });
}

const { Client, Intents } = require("discord.js")
const { readdirSync } = require("fs");
const discordModals = require('discord-modals')

global["client"] = new Client({
  intents: 32767,
  partials: ["CHANNEL"],
  fetchAllMembers: true,
  allowedMentions: { repliedUser: false },
  retryLimit: 5,
  invalidRequestWarningInterval: 10
});
discordModals(client);
client.prefix = ".";

client.on('modalSubmit', (modal) => {
  if(modal.customId === 'modal-customid'){
    const firstResponse = modal.getTextInputValue('textinput-customid')
    modal.reply('Congrats! Powered by discord-modals.' + `\`\`\`${firstResponse}\`\`\``)
  }  
})