Rocket.chat.reactnative: Code Blocks on Mobile Phones are not rendered correctly

[MatthiasHertel]

- Your Rocket.Chat Experimental app version:

Version: 4.6.4.295

- Your Rocket.Chat server version:

 λ curl -s https://chat.example.de/api/info | jq .                                            
{
  "version": "3.1.0",
  "success": true
}

- Device (or Simulator) you're running with:

ios 13.3.1

Problem / Description

rendered code blocks in a message are not shown correctly on mobile clients.
a user wrote the a message with two code blocks (delimitted with three backtics - multiline)
inside the browser the message is shown as below:

but on mobile client the delimitting working not correctly , it shows textblocks as code and codeblocks as textblocks:

[MatthiasHertel]

additionally the original raw-text-message ...

[sarthakpranesh]

Hey @MatthiasHertel, it looks like this issue does not exist on the latest experiment app ( version: 4.7.0.9999999 ) on android. I guess it is specific for IOS.

Screenshot attached below

[MatthiasHertel]

@sarthakpranesh
yes it looks so ... but how can i get the latest build ( version: 4.7.0.9999999 ) on ios ?
if i visit the app store on ios i can not update to 4.7.xxx i am still on Version: 4.6.4.295

[sarthakpranesh]

@MatthiasHertel hey sorry for replying late :sweat_smile: . So we tested this out on the latest build ( version: 4.7.0.9999999 ) and we were able to recreate the error. It seems this only happens when we send a code block from IOS but does not happen when we use Android to send the code block and view it on iPhone. We'll fix it and get back here :fire: