In D8849#262820, @patryk wrote:

I think I misunderstood your feedback @rohan, did you mean that it's better to use styles inside a MarkdownChatMention component (use const styles = getMarkdownStyles(useDarkStyle ? 'dark' : 'light') inside the component and not passing styles as a prop)?

Oh I personally just felt like there's no need to pass in the actual style object since it looks like you're just using bold. My suggestion was to handle the style in the component with an unboundStyles object like in most native components. Something like:

function MarkdownChatMention(props: Props): React.Node {
  const { threadInfo, hasAccessToChat, ...rest } = props;
  const { shouldBePressable, onLongPressHandler } = useMarkdownOnPressUtils(
    !hasAccessToChat,
  );
  const styles = useStyles(unboundStyles);
  
  return (
    <Text
        onLongPress={shouldBePressable ? onLongPressHandler : null}
        style={styles.mention}
        {...rest}
      />
);

const unboundStyles = {
  mention: {
     fontWeight: 'bold',
  }
}

This would also make it easier if the styles for this component get more complicated down the line for some reason since they'd all be defined in an object in the component file. Though I see it's also a common pattern with some of the components in the file to just pass it in as a TextProp so I don't think it's too big of a deal and you could leave it as is