any way to turn off `:s` style emojis?

import { toArray } from 'react-emoji-render';

// "Names must be lowercase, and can't contain spaces, periods, or most punctuation."
// -super helpful slack emoji name validation message
const SLACK_EMOJI_PATTERN = /:([\w+_-]+):\s?/gi;

export const renderEmojis = (value: string) => {
  const emojisArray = toArray(value)

  console.log(emojisArray);

  // toArray outputs React elements for emojis and strings for other
  const newValue = emojisArray.reduce<string>(
    (previous: string, current: string | React.ReactElement) => {
      if (typeof current === 'string') {
        // omit un-rendered emojis
        return previous + current.replace(SLACK_EMOJI_PATTERN, '');
      }
      return previous + (current.props.children as string);
    },
    ''
  );

  return newValue;
};

console.log(renderEmojis(
  ":stacked=\"isStackedGraph\"\r\n"
))

===>

 😒tacked="isStackedGraph"

[nickveliki]

As written above, you could exclude certain string patterns from the toArray call as a solution. For example, if you want to ignore all “😒”, you could write something like .split(“😒”).map(toArray).join(“😒”). Note that Slack-like emojis starting with 😒 would also be skipped with this piece of code.

split(/(?<= )😒(?= )/) will only exclude 😒 if it is standing alone…

[enzoferey]

Hi @andycmaj ! Sorry for the late answer, did you find any solution to your issue ?

We do not support disabling these emojis, but maybe you could exclude the part of the string that you don’t want to be included in the matching based on your use case ?

Like

`:${renderEmojis("...")}`

or whatever your need is (I don’t see any other emojis on the string you provided).