I made it look like an image, but I get the error "something went worng!"

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

module.exports = {
    data: new SlashCommandBuilder()
        .setName("modal")
        .setDescription("Returns a modal."),

    async execute(interaction, client) {
        const modal = new ModalBuilder()
            .setCustomId(`recd`)
            .setTitle(`write`);

        const textInput = new TextInputBuilder()
            .setCustomId('recdInput')
            .setLabel(`input code`)
            .setPlaceholder('ex) xQ50Kbz6rB')
            .setMaxLength(10)
            .setRequired(true)
            .setStyle(TextInputStyle.Short);

        modal.addComponents(new ActionRowBuilder().addComponents(textInput));

        await interaction.showModal(modal);
    },
};
modal.js

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

module.exports = {
    data: new SlashCommandBuilder()
        .setName("modal")
        .setDescription("Returns a modal."),

    async execute(interaction, client) {
        const modal = new ModalBuilder()
            .setCustomId(`recd`)
            .setTitle(`write`);

        const textInput = new TextInputBuilder()
            .setCustomId('recdInput')
            .setLabel(`input code`)
            .setPlaceholder('ex) xQ50Kbz6rB')
            .setMaxLength(10)
            .setRequired(true)
            .setStyle(TextInputStyle.Short);

        modal.addComponents(new ActionRowBuilder().addComponents(textInput));

        await interaction.showModal(modal);
    },
};
modal.js

module.exports = {
    data: {
        name: `recd`
    },
    async execute(interaction, client) {
        await interaction.reply({
            content : `okay : ${interaction.field.getTextInputValue('recdInput')} `
        });
        console.log(interaction.field.getTextInputValue('recdInput'));
    },
};
recd.js

module.exports = {
    data: {
        name: `recd`
    },
    async execute(interaction, client) {
        await interaction.reply({
            content : `okay : ${interaction.field.getTextInputValue('recdInput')} `
        });
        console.log(interaction.field.getTextInputValue('recdInput'));
    },
};
recd.js