refactor: Use JSX rather than React.createElement

Author: madsroskar

package/src/components/Message/MessageSimple/utils/renderText.tsx

@@ -182,20 +182,17 @@ export const renderText = <
       }
     };
 
-    state.withinLink = true;
-    const link = React.createElement(
-      Text,
-      {
-        key: state.key,
-        onLongPress,
-        onPress,
-        style: styles.autolink,
-        suppressHighlighting: true,
-      },
-      output(node.content, state),
+    return (
+      <Text
+        key={state.key}
+        onLongPress={onLongPress}
+        onPress={onPress}
+        style={styles.autolink}
+        suppressHighlighting={true}
+      >
+        {output(node.content, { ...state, withinLink: true })}
+      </Text>
     );
-    state.withinLink = false;
-    return link;
   };
 
   const mentionedUsers = Array.isArray(mentioned_users)
@@ -230,15 +227,10 @@ export const renderText = <
       }
     };
 
-    return React.createElement(
-      Text,
-      {
-        key: state.key,
-        onLongPress,
-        onPress,
-        style: styles.mentions,
-      },
-      Array.isArray(node.content) ? node.content[0]?.content || '' : output(node.content, state),
+    return (
+      <Text key={state.key} onLongPress={onLongPress} onPress={onPress} style={styles.mentions}>
+        {Array.isArray(node.content) ? node.content[0].content || '' : output(node.content, state)}
+      </Text>
     );
   };