title: Discord.js - How to change style of Button
body: <p>This is how I create and send the button:</p>
  <pre><code>client.on('messageCreate', (message) =&gt; {
      /* ... Checking Command ... */
  
      const actionRow = new MessageActionRow().addComponents(
          new MessageButton()
          .setStyle(&quot;PRIMARY&quot;)
          .setLabel(&quot;X&quot;)
          .setCustomId(&quot;test&quot;));
  
  
      message.channel.send({ content: &quot;Test&quot;, components: [actionRow] });
  }
  </code></pre>
  <p>A blue Button appears in the chat, as expected.</p>
  <p>This is my Button-Listener:</p>
  <pre><code>client.on(&quot;interactionCreate&quot;, (interaction) =&gt; {
      if (interaction.isButton()) {
          if (interaction.customId === &quot;test&quot;) {
              //Before: console.log(interaction.component);
  
              interaction.component.setStyle(&quot;DANGER&quot;);
  
              //After: console.log(interaction.component);
          }
      }
  });
  </code></pre>
  <p>Logging the component-object before and after <code>.setStyle(&quot;DANGER&quot;)</code> also reveals, that the style got changed from Primary to Danger successfully.</p>
  <p>But in my Discord Client, the Style/Color didn't change, and ontop of that I am getting an error, saying that the interaction failed.</p>
  <p>The style-property doesn't seem to be read-only: <a href="https://discord.js.org/#/docs/main/stable/class/MessageButton?scrollTo=style" rel="nofollow noreferrer">https://discord.js.org/#/docs/main/stable/class/MessageButton?scrollTo=style</a></p>
  <p>So what am I doing wrong?</p>