Stable ref

Author: shubham1206agra

src/components/HTMLEngineProvider/HTMLRenderers/ConciergeLinkRenderer.tsx

@@ -5,10 +5,17 @@ import {TNodeChildrenRenderer} from 'react-native-render-html';
 import * as HTMLEngineUtils from '@components/HTMLEngineProvider/htmlEngineUtils';
 import Text from '@components/Text';
 import useThemeStyles from '@hooks/useThemeStyles';
-import {navigateToConciergeChat} from '@userActions/Report';
+import {navigateToConciergeChat as navigateToConciergeChatAction} from '@userActions/Report';
 
 type ConciergeLinkRendererProps = CustomRendererProps<TText | TPhrasing>;
 
+/**
+ * Simple wrapper to create a stable reference without passing event args to navigation function.
+ */
+function navigateToConciergeChat() {
+    navigateToConciergeChatAction();
+}
+
 function ConciergeLinkRenderer({tnode}: ConciergeLinkRendererProps) {
     const styles = useThemeStyles();
 
@@ -28,7 +35,7 @@ function ConciergeLinkRenderer({tnode}: ConciergeLinkRendererProps) {
     return (
         <Text
             style={linkStyle}
-            onPress={() => navigateToConciergeChat()}
+            onPress={navigateToConciergeChat}
             suppressHighlighting
         >
             <TNodeChildrenRenderer tnode={tnode} />