title: Can't attach file to MessageEmbed when replying to interaction
body: <p>I have been trying to reply to an interaction in discord.js with an embedded message which has a thumbnail attached.</p>
  <p>This is the code I have been using:</p>
  <pre class="lang-js prettyprint-override"><code>const Discord = require('discord.js');
  const fs = require('fs');
  const path = require('path');
  
  const p = path.join(__dirname, '..', 'static', 'SDGs.json');
  
  module.exports = (msg, int, text, sDGNo) =&gt; {
      fs.readFile(p, (err, data) =&gt; {
          if (err) {
              console.log(err.message);
          }
  
          const db = JSON.parse(data);
          if (Number(sDGNo) === 0) {
              const imgFilePath = path.join(__dirname, '..', 'static', 'SDGIcons', 'SDG_Wheel_Transparent_WEB.png');
              const imgAttachment = new Discord.MessageAttachment(imgFilePath, 'SDG_Wheel_Transparent_WEB.png');
  
              const goals = [];
  
              for (let i = 1; i &lt; 18; i++) {
                  const sdg = db[i];
                  goals.push({ name: `${i} ${sdg.shortForm}`, value: `${sdg.shortFormJap}\n${sdg.shortFormNep}`, inline: true });
              }
              const embed = new Discord.MessageEmbed()
                  .setTitle('Sustainable Development Goals')
                  .setColor('#ffffff')
                  .setThumbnail('attachment://SDG_Wheel_Transparent_WEB.png')
                  .addFields(goals)
                  .setFooter('To find out more about each goal, simply type &quot;!sdg&quot; and the goal number (e.g., &quot;!sdg7&quot;).');
  
              msg ? msg.channel.send({ embeds: [embed], files: [imgAttachment] }) : int ? int.reply({ embeds: [embed], files: [imgAttachment] }).catch(console.error) : null;
              return;
          }
      })
  }
  </code></pre>
  <p>The function is executed in the handler for the interactionCreate event in a switch statement here:</p>
  <pre class="lang-js prettyprint-override"><code>const { nE, tJ, say, whatis, spellcheck, joke, syn, ant, tN, sdg } = require('../helpers/commands');
  
  module.exports = (client, interaction) =&gt; {
      switch (interaction.commandName) {
          /* ... */
          case 'sdg':
              sdg(null, interaction, null, interaction.options.data[0] ? interaction.options.data[0].value : '0');
              break;
      }
  };
  </code></pre>
  <p>It works fine when it is used to send an embedded message with a message generated by the messageCreate event, but with an interaction created by the interactionCreate event, unless I exclude the files property in the reply options (in which case it posts the embedded message <em>without</em> the thumbnail image), I get the following error:</p>
  <pre class="lang-js prettyprint-override"><code>DiscordAPIError: Unknown interaction
  at RequestHandler.execute (D:\Discord\TranslationBot\node_modules\discord.js\src\rest\RequestHandler.js:298:13)
  at processTicksAndRejections (node:internal/process/task_queues:96:5)
  at async RequestHandler.push (D:\Discord\TranslationBot\node_modules\discord.js\src\rest\RequestHandler.js:50:14)
  at async CommandInteraction.reply (D:\Discord\TranslationBot\node_modules\discord.js\src\structures\interfaces\InteractionResponses.js:97:5) {
      method: 'post',
        path:'/interactions/895529028163878952/aW50ZXJhY3Rpb246ODk1NTI5MDI4MTYzODc4OTUyOlJ5YXRuSXZDekk3MFdyUzg3Z2RNZTB3U0ZpaVl4dlJkZjBySHRaYk05RDNwRE5pM1dTUG52eTR2aG9TUGl1QkVMOEt4aEhzRjNTTXdDS3dWZjNOaWtrMFZVQUlHWWkxOEJOUkY3eExFWk9xM3htWlFad2UzcWU5cnJnODVwZzc2/callback',
        code: 10062,
        httpStatus: 404,
        requestData: { json: { type: 4, data: [Object] }, files: [ [Object] ] }
      }
  </code></pre>
  <p>Any help would be greatly appreciated!</p>