Merge pull request #78799 from Expensify/vit-displayNames

[NoQA] Fix displayNames in components

Author: MarioExpensify

src/components/Attachments/AttachmentView/AttachmentViewVideo/index.tsx

@@ -34,4 +34,6 @@ function AttachmentViewVideo({source, isHovered = false, shouldUseSharedVideoEle
     );
 }
 
+AttachmentViewVideo.displayName = 'AttachmentViewVideo';
+
 export default React.memo(AttachmentViewVideo);

src/components/AvatarCropModal/ImageCropView.tsx

@@ -97,6 +97,8 @@ function ImageCropView({imageUri = '', containerSize = 0, panGesture = Gesture.P
     );
 }
 
+ImageCropView.displayName = 'ImageCropView';
+
 // React.memo is needed here to prevent styles recompilation
 // which sometimes may cause glitches during rerender of the modal
 export default React.memo(ImageCropView);

src/components/EmojiPicker/CategoryShortcutButton.tsx

@@ -56,4 +56,6 @@ function CategoryShortcutButton({code, icon, onPress}: CategoryShortcutButtonPro
     );
 }
 
+CategoryShortcutButton.displayName = 'CategoryShortcutButton';
+
 export default React.memo(CategoryShortcutButton);

src/components/EmojiPicker/EmojiPickerMenuItem/index.native.tsx

@@ -55,6 +55,8 @@ function EmojiPickerMenuItem({
     );
 }
 
+EmojiPickerMenuItem.displayName = 'EmojiPickerMenuItem';
+
 // Significantly speeds up re-renders of the EmojiPickerMenu's FlatList
 // by only re-rendering at most two EmojiPickerMenuItems that are highlighted/un-highlighted per user action.
 export default React.memo(

src/components/EmojiPicker/EmojiPickerMenuItem/index.tsx

@@ -81,6 +81,8 @@ function EmojiPickerMenuItem({
     );
 }
 
+EmojiPickerMenuItem.displayName = 'EmojiPickerMenuItem';
+
 // Significantly speeds up re-renders of the EmojiPickerMenu's FlatList
 // by only re-rendering at most two EmojiPickerMenuItems that are highlighted/un-highlighted per user action.
 export default React.memo(

src/components/Image/index.tsx

@@ -175,6 +175,8 @@ function Image({
     );
 }
 
+Image.displayName = 'Image';
+
 export default React.memo(
     Image,
     (prevProps: ImageProps, nextProps: ImageProps) => prevProps.source === nextProps.source && prevProps.imageWidthToCalculateHeight === nextProps.imageWidthToCalculateHeight,

src/components/ImageWithLoading.tsx

@@ -118,4 +118,6 @@ function ImageWithLoading({
     );
 }
 
+ImageWithLoading.displayName = 'ImageWithLoading';
+
 export default React.memo(ImageWithLoading);

src/components/ImageWithSizeCalculation.tsx

@@ -98,4 +98,6 @@ function ImageWithSizeCalculation({
     );
 }
 
+ImageWithSizeCalculation.displayName = 'ImageWithSizeCalculation';
+
 export default React.memo(ImageWithSizeCalculation);

src/components/LHNOptionsList/OptionRowLHN.tsx

@@ -388,4 +388,6 @@ function OptionRowLHN({
     );
 }
 
+OptionRowLHN.displayName = 'OptionRowLHN';
+
 export default React.memo(OptionRowLHN);

src/components/LHNOptionsList/OptionRowLHNData.tsx

@@ -127,6 +127,8 @@ function OptionRowLHNData({
     );
 }
 
+OptionRowLHNData.displayName = 'OptionRowLHNData';
+
 /**
  * This component is rendered in a list.
  * On scroll we want to avoid that a item re-renders