Bug: Adding block elements through code make actions disable

[bilalashraf1710]

(Filling out the following with as much detail as you can provide will help us solve your issue sooner.)

@slack/bolt version

^3.17.1

Your App and Receiver Configuration

const receiver = new ExpressReceiver({
  signingSecret: process.env.SLACK_SIGNING_SECRET,
  clientId: process.env.SLACK_CLIENT_ID,
  clientSecret: process.env.SLACK_CLIENT_SECRET,
  stateSecret: process.env.SLACK_STATE_SECRET,
  app: expressApp,
  scopes: SLACK_APP_SCOPES,
  installerOptions: {
    userScopes: USER_SCOPES,
    directInstall: true,
    callbackOptions: { success: installer.success },
  },
  installationStore: isOffline ? new FileInstallationStore() : new DynamoDBInstallationStore(),
  // processBeforeResponse: true, // Required to avoid latency issues with AWS Lambda
})

const app = new App({
  receiver,
  logLevel: LogLevel[process.env.LOG_LEVEL] || LogLevel.WARN,
  signingSecret: process.env.SLACK_SIGNING_SECRET,
})

Node.js runtime version

20.12.2

Steps to reproduce:

(Share the commands to run, source code, and project settings)

I am fetching Slack blocks through code and sending them to GPT to refine the messages. The refined blocks are well-formatted and work fine with Block Kit. However, when the blocks contain user_id elements within a rich-text box, buttons on the screen become unresponsive. Interestingly, if I manually edit the rich-text block by adding a space, the buttons start working. Could you please help refine this?

Expected result:

Buttons should work fine without editing the message

Actual result:

Buttons are not working and I can see the warning icon's next to button and submit button also not working.