diff --git a/package.json b/package.json
index 797a5e9..67396a9 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,7 @@
   ],
   "repository": "https://github.com/themashcodee/slack-blocks-to-jsx.git",
   "license": "MIT",
-  "version": "0.5.7",
+  "version": "0.5.8",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
diff --git a/src/utils/markdown_parser/sub_elements/slack_channel_mention.tsx b/src/utils/markdown_parser/sub_elements/slack_channel_mention.tsx
index caff8db..845696c 100644
--- a/src/utils/markdown_parser/sub_elements/slack_channel_mention.tsx
+++ b/src/utils/markdown_parser/sub_elements/slack_channel_mention.tsx
@@ -11,9 +11,20 @@ export const SlackChannelMention = (props: Props) => {
 
   const channel_id = element.value;
   const channel = channels.find((u) => u.id === channel_id || u.name === channel_id);
-  const label = channel?.name || channel_id;
+  const label = channel?.name || channel_id.split("|")[1] || channel_id;
 
-  if (hooks.channel) return <>{hooks.channel(channel || { id: channel_id, name: label })}</>;
+  if (hooks.channel) {
+    return (
+      <>
+        {hooks.channel(
+          channel || {
+            id: channel_id.split("|")[0] || channel_id,
+            name: label,
+          },
+        )}
+      </>
+    );
+  }
 
   return (
     <span className="slack_channel" data-channel-id={channel?.id || channel_id}>