Filter not picking up when a user interacts with a static message

module.exports =  {
    name: 'ruleVerify',
    
async execute(client){
  
    const rulesMessage = client.guild.channels.message.cache.id('1116202445916348497')
    const message = await message.reply({
      content: `React here!`,
      fetchReply: true,
    });

    const emoji = client.emojis.cache.find(
      (emoji) => (emoji.name = "💜")
    );

        message.react(emoji);

        const filter = (reaction) => {
            return reaction.emoji.name == '💜'}

        const collector = rulesMessage.createReactionCollector({filter});
        
        collector.on('collect', (reaction, member) => {
            console.log(`${member} has been verified from clicking ${reaction}`);

        })

        

  },
};

module.exports =  {
    name: 'ruleVerify',
    
async execute(client){
  
    const rulesMessage = client.guild.channels.message.cache.id('1116202445916348497')
    const message = await message.reply({
      content: `React here!`,
      fetchReply: true,
    });

    const emoji = client.emojis.cache.find(
      (emoji) => (emoji.name = "💜")
    );

        message.react(emoji);

        const filter = (reaction) => {
            return reaction.emoji.name == '💜'}

        const collector = rulesMessage.createReactionCollector({filter});
        
        collector.on('collect', (reaction, member) => {
            console.log(`${member} has been verified from clicking ${reaction}`);

        })

        

  },
};