TypeError: Cannot read properties of undefined (reading 'user')

// userCommand.js
const { EmbedBuilder, ApplicationCommandOptionType } = require('discord.js');

module.exports = {
    name: 'user',
    description: 'Get user information.',
    options: [{
        name: 'username',
        description: 'Just put the username of the person you want to know those information',
        type: ApplicationCommandOptionType.User, // Corrected property name to 'type'
        required: false,
    }],

  execute: async (interaction) => {
    const userOption = interaction.options.get("username") || interaction?.user;
    console.log(interaction.user.username)

    const embed = new EmbedBuilder()
      .setTitle(`${userOption.user.username}'s Information`)
      .setColor(0x00a6ed)
      .setThumbnail(userOption.user.displayAvatarURL())
      .addFields(
        { name: "General", value: `>>> **User ID:** ${userOption.user.id}\n`+
          `**Global Name:** ${userOption.user.globalName || 'None'}\n` +
          `**Username:** ${userOption.user.username}\n` +
          `**Bot:** ${userOption.user.bot ? "Bot" : "Human"}\n`, inline: false },
        { name: "Server", value: `>>> **Nick Name:** ${userOption.member?.nickname || "undefined"}\n` +
          `**Highest Role:** ${userOption.member?.roles.highest || "undefined"}\n`, inline: true },
        { name: "\u200b", value: `>>> **Created At:** <t:${Math.floor(userOption.user.createdTimestamp / 1000)}:R>\n` +
          `${userOption.member && userOption.member.joinedTimestamp ? `**Joined At:** <t:${Math.floor(userOption.member.joinedTimestamp / 1000)}:R>` : ''}`, inline: true }
      );

    try {
      console.log(userOption);
      interaction.reply({ embeds: [embed], ephemeral: true });
    } catch (error) {
      interaction.reply({ content: 'There was an error while executing the command.', ephemeral: true });
      console.error(error);
    }
  }
};

// userCommand.js
const { EmbedBuilder, ApplicationCommandOptionType } = require('discord.js');

module.exports = {
    name: 'user',
    description: 'Get user information.',
    options: [{
        name: 'username',
        description: 'Just put the username of the person you want to know those information',
        type: ApplicationCommandOptionType.User, // Corrected property name to 'type'
        required: false,
    }],

  execute: async (interaction) => {
    const userOption = interaction.options.get("username") || interaction?.user;
    console.log(interaction.user.username)

    const embed = new EmbedBuilder()
      .setTitle(`${userOption.user.username}'s Information`)
      .setColor(0x00a6ed)
      .setThumbnail(userOption.user.displayAvatarURL())
      .addFields(
        { name: "General", value: `>>> **User ID:** ${userOption.user.id}\n`+
          `**Global Name:** ${userOption.user.globalName || 'None'}\n` +
          `**Username:** ${userOption.user.username}\n` +
          `**Bot:** ${userOption.user.bot ? "Bot" : "Human"}\n`, inline: false },
        { name: "Server", value: `>>> **Nick Name:** ${userOption.member?.nickname || "undefined"}\n` +
          `**Highest Role:** ${userOption.member?.roles.highest || "undefined"}\n`, inline: true },
        { name: "\u200b", value: `>>> **Created At:** <t:${Math.floor(userOption.user.createdTimestamp / 1000)}:R>\n` +
          `${userOption.member && userOption.member.joinedTimestamp ? `**Joined At:** <t:${Math.floor(userOption.member.joinedTimestamp / 1000)}:R>` : ''}`, inline: true }
      );

    try {
      console.log(userOption);
      interaction.reply({ embeds: [embed], ephemeral: true });
    } catch (error) {
      interaction.reply({ content: 'There was an error while executing the command.', ephemeral: true });
      console.error(error);
    }
  }
};