GlazOtca

Разбирать чужой код - важнейший навык программиста! Сначала, критерием служит работающий код, а уж навык определять его как хороший или с "душком" придет с опытом.

Я в прошлом ответе вам посоветовал посмотреть внимательно и сверить свой код с тем что в видеотуториале. Не пойму, у вас косоглазие или экран мутный, или что вам мешает? Я все проделал один в один и у меня всё работает!
Функция которую вы назвали dragHandler, на самом деле называется dropHandler и вешается она не на событие onDrag, а на событие onDrop!!!

Смотрите внимательно - вы наделали кучу ошибок.

export const ContentRender = (props) => {
  const content = "{(props.user} опубликовал(а) {(props.post} в группе {(props.group}";
 return (
      {content.split(/({.*?})/g).map((child) => (
        <>{child.startsWith("{") ? mapper[child.trim()] : child}</>
      ))}
  );
}
// вызов компонента
<ContentRender user={mapper['{user}']} post={mapper['{post}']} group={mapper['{group}']}>