[No QA] Add missing displayName to components

src/components/Attachments/AttachmentCarousel/CarouselButtons.js

@@ -82,5 +82,6 @@ function CarouselButtons({page, attachments, shouldShowArrows, onBack, onForward
 
 CarouselButtons.propTypes = propTypes;
 CarouselButtons.defaultProps = defaultProps;
+CarouselButtons.displayName = 'CarouselButtons';
 
 export default CarouselButtons;

src/components/Attachments/AttachmentCarousel/CarouselItem.js

@@ -116,5 +116,6 @@ function CarouselItem({item, isFocused, onPress}) {
 
 CarouselItem.propTypes = propTypes;
 CarouselItem.defaultProps = defaultProps;
+CarouselItem.displayName = 'CarouselItem';
 
 export default CarouselItem;

src/components/Attachments/AttachmentCarousel/Pager/AttachmentCarouselPage.js

@@ -181,7 +181,9 @@ function AttachmentCarouselPage({source, isAuthTokenRequired, isActive: initialI
         </>
     );
 }
+
 AttachmentCarouselPage.propTypes = pagePropTypes;
 AttachmentCarouselPage.defaultProps = defaultProps;
+AttachmentCarouselPage.displayName = 'AttachmentCarouselPage';
 
 export default AttachmentCarouselPage;

src/components/Attachments/AttachmentCarousel/Pager/ImageTransformer.js

@@ -574,5 +574,6 @@ function ImageTransformer({imageWidth, imageHeight, imageScaleX, imageScaleY, sc
 }
 ImageTransformer.propTypes = imageTransformerPropTypes;
 ImageTransformer.defaultProps = imageTransformerDefaultProps;
+ImageTransformer.displayName = 'ImageTransformer';
 
 export default ImageTransformer;

src/components/Attachments/AttachmentCarousel/Pager/ImageWrapper.js

@@ -1,4 +1,3 @@
-/* eslint-disable es/no-optional-chaining */
 import PropTypes from 'prop-types';
 import React from 'react';
 import {StyleSheet} from 'react-native';
@@ -19,6 +18,8 @@ function ImageWrapper({children}) {
         </Animated.View>
     );
 }
+
 ImageWrapper.propTypes = imageWrapperPropTypes;
+ImageWrapper.displayName = 'ImageWrapper';
 
 export default ImageWrapper;

src/components/Attachments/AttachmentCarousel/Pager/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable es/no-optional-chaining */
 import PropTypes from 'prop-types';
 import React, {useImperativeHandle, useMemo, useRef, useState} from 'react';
 import {View} from 'react-native';
@@ -168,8 +167,10 @@ function AttachmentCarouselPager({
         </GestureHandlerRootView>
     );
 }
+
 AttachmentCarouselPager.propTypes = pagerPropTypes;
 AttachmentCarouselPager.defaultProps = pagerDefaultProps;
+AttachmentCarouselPager.displayName = 'AttachmentCarouselPager';
 
 const AttachmentCarouselPagerWithRef = React.forwardRef((props, ref) => (
     <AttachmentCarouselPager

src/components/Attachments/AttachmentCarousel/index.js

@@ -220,8 +220,10 @@ function AttachmentCarousel({report, reportActions, source, onNavigate, setDownl
         </View>
     );
 }
+
 AttachmentCarousel.propTypes = propTypes;
 AttachmentCarousel.defaultProps = defaultProps;
+AttachmentCarousel.displayName = 'AttachmentCarousel';
 
 export default compose(
     withOnyx({

src/components/Attachments/AttachmentCarousel/index.native.js

@@ -169,6 +169,7 @@ function AttachmentCarousel({report, reportActions, source, onNavigate, onClose,
 }
 AttachmentCarousel.propTypes = propTypes;
 AttachmentCarousel.defaultProps = defaultProps;
+AttachmentCarousel.displayName = 'AttachmentCarousel';
 
 export default compose(
     withOnyx({

src/components/Attachments/AttachmentView/AttachmentViewImage/index.js

@@ -39,5 +39,6 @@ function AttachmentViewImage({source, file, isAuthTokenRequired, loadComplete, o
 
 AttachmentViewImage.propTypes = propTypes;
 AttachmentViewImage.defaultProps = attachmentViewImageDefaultProps;
+AttachmentViewImage.displayName = 'AttachmentViewImage';
 
 export default compose(memo, withLocalize)(AttachmentViewImage);

src/components/Attachments/AttachmentView/AttachmentViewImage/index.native.js

@@ -47,5 +47,6 @@ function AttachmentViewImage({source, file, isAuthTokenRequired, isFocused, isUs
 
 AttachmentViewImage.propTypes = propTypes;
 AttachmentViewImage.defaultProps = attachmentViewImageDefaultProps;
+AttachmentViewImage.displayName = 'AttachmentViewImage';
 
 export default compose(memo, withLocalize)(AttachmentViewImage);

src/components/Avatar.js

@@ -119,6 +119,9 @@ function Avatar(props) {
         </View>
     );
 }
+
 Avatar.defaultProps = defaultProps;
 Avatar.propTypes = propTypes;
+Avatar.displayName = 'Avatar';
+
 export default Avatar;

src/components/Composer/index.js

@@ -490,6 +490,7 @@ function Composer({
 
 Composer.propTypes = propTypes;
 Composer.defaultProps = defaultProps;
+Composer.displayName = 'Composer';
 
 const ComposerWithRef = React.forwardRef((props, ref) => (
     <Composer

src/components/InvertedFlatList/index.js

@@ -130,6 +130,7 @@ InvertedFlatList.defaultProps = {
     contentContainerStyle: {},
     onScroll: () => {},
 };
+InvertedFlatList.displayName = 'InvertedFlatList';
 
 const InvertedFlatListWithRef = forwardRef((props, ref) => (
     <InvertedFlatList

src/components/LHNOptionsList/LHNOptionsList.js

@@ -94,5 +94,6 @@ function LHNOptionsList({style, contentContainerStyles, data, onSelectRow, optio
 
 LHNOptionsList.propTypes = propTypes;
 LHNOptionsList.defaultProps = defaultProps;
+LHNOptionsList.displayName = 'LHNOptionsList';
 
 export default LHNOptionsList;

src/components/MagicCodeInput.js

@@ -355,6 +355,7 @@ function MagicCodeInput(props) {
 
 MagicCodeInput.propTypes = propTypes;
 MagicCodeInput.defaultProps = defaultProps;
+MagicCodeInput.displayName = 'MagicCodeInput';
 
 const MagicCodeInputWithRef = forwardRef((props, ref) => (
     <MagicCodeInput

src/components/MapView/Direction.tsx

@@ -27,4 +27,6 @@ function Direction({coordinates}: DirectionProps) {
     );
 }
 
+Direction.displayName = 'Direction';
+
 export default Direction;

src/components/MapView/Direction.web.tsx

@@ -43,4 +43,6 @@ function Direction({coordinates}: DirectionProps) {
     );
 }
 
+Direction.displayName = 'Direction';
+
 export default Direction;

src/components/MapView/PendingMapView.tsx

@@ -33,4 +33,6 @@ function PendingMapView({title = '', subtitle = '', style}: PendingMapViewProps)
     );
 }
 
+PendingMapView.displayName = 'PendingMapView';
+
 export default PendingMapView;

src/components/MoneyRequestConfirmationList.js

@@ -738,6 +738,7 @@ function MoneyRequestConfirmationList(props) {
 
 MoneyRequestConfirmationList.propTypes = propTypes;
 MoneyRequestConfirmationList.defaultProps = defaultProps;
+MoneyRequestConfirmationList.displayName = 'MoneyRequestConfirmationList';
 
 export default compose(
     withCurrentUserPersonalDetails,

src/components/NewDatePicker/index.js

@@ -100,5 +100,6 @@ function NewDatePicker({containerStyles, defaultValue, disabled, errorText, inpu
 
 NewDatePicker.propTypes = propTypes;
 NewDatePicker.defaultProps = datePickerDefaultProps;
+NewDatePicker.displayName = 'NewDatePicker';
 
 export default withLocalize(NewDatePicker);

src/components/OptionRow.js

@@ -303,6 +303,7 @@ function OptionRow(props) {
 
 OptionRow.propTypes = propTypes;
 OptionRow.defaultProps = defaultProps;
+OptionRow.displayName = 'OptionRow';
 
 export default React.memo(
     withLocalize(OptionRow),

src/components/Pressable/PressableWithDelayToggle.js

@@ -140,6 +140,7 @@ function PressableWithDelayToggle(props) {
 
 PressableWithDelayToggle.propTypes = propTypes;
 PressableWithDelayToggle.defaultProps = defaultProps;
+PressableWithDelayToggle.displayName = 'PressableWithDelayToggle';
 
 const PressableWithDelayToggleWithRef = React.forwardRef((props, ref) => (
     <PressableWithDelayToggle

src/components/ValidateCode/JustSignedInModal.js

@@ -50,4 +50,6 @@ function JustSignedInModal(props) {
 }
 
 JustSignedInModal.propTypes = propTypes;
+JustSignedInModal.displayName = 'JustSignedInModal';
+
 export default withLocalize(JustSignedInModal);

src/components/ValidateCode/ValidateCodeModal.js

@@ -81,6 +81,8 @@ function ValidateCodeModal(props) {
 
 ValidateCodeModal.propTypes = propTypes;
 ValidateCodeModal.defaultProps = defaultProps;
+ValidateCodeModal.displayName = 'ValidateCodeModal';
+
 export default compose(
     withLocalize,
     withOnyx({

src/components/WalletStatementModal/index.js

@@ -67,6 +67,7 @@ function WalletStatementModal({statementPageURL, session}) {
 
 WalletStatementModal.propTypes = walletStatementPropTypes;
 WalletStatementModal.defaultProps = walletStatementDefaultProps;
+WalletStatementModal.displayName = 'WalletStatementModal';
 
 export default compose(
     withLocalize,

src/pages/EnablePayments/OnfidoPrivacy.js

@@ -86,6 +86,7 @@ function OnfidoPrivacy({walletOnfidoData, translate, form}) {
 
 OnfidoPrivacy.propTypes = propTypes;
 OnfidoPrivacy.defaultProps = defaultProps;
+OnfidoPrivacy.displayName = 'OnfidoPrivacy';
 
 export default compose(
     withLocalize,

src/pages/home/report/ReportActionCompose/ReportActionCompose.js

@@ -464,6 +464,7 @@ function ReportActionCompose({
 
 ReportActionCompose.propTypes = propTypes;
 ReportActionCompose.defaultProps = defaultProps;
+ReportActionCompose.displayName = 'ReportActionCompose';
 
 export default compose(
     withNetwork(),

src/pages/settings/InitialSettingsPage.js

@@ -411,6 +411,7 @@ function InitialSettingsPage(props) {
 
 InitialSettingsPage.propTypes = propTypes;
 InitialSettingsPage.defaultProps = defaultProps;
+InitialSettingsPage.displayName = 'InitialSettingsPage';
 
 export default compose(
     withLocalize,

src/pages/settings/Profile/Contacts/ValidateCodeForm/BaseValidateCodeForm.js

@@ -228,6 +228,7 @@ function BaseValidateCodeForm(props) {
 
 BaseValidateCodeForm.propTypes = propTypes;
 BaseValidateCodeForm.defaultProps = defaultProps;
+BaseValidateCodeForm.displayName = 'BaseValidateCodeForm';
 
 export default compose(
     withLocalize,

src/pages/settings/Security/TwoFactorAuth/Steps/CodesStep.js

@@ -134,6 +134,7 @@ function CodesStep({account = defaultAccount}) {
 }
 
 CodesStep.propTypes = TwoFactorAuthPropTypes;
+CodesStep.displayName = 'CodesStep';
 
 // eslint-disable-next-line rulesdir/onyx-props-must-have-default
 export default withOnyx({

src/pages/settings/Security/TwoFactorAuth/Steps/DisabledStep.js

@@ -32,4 +32,6 @@ function DisabledStep() {
     );
 }
 
+DisabledStep.displayName = 'DisabledStep';
+
 export default DisabledStep;

src/pages/settings/Security/TwoFactorAuth/Steps/EnabledStep.js

@@ -63,4 +63,6 @@ function EnabledStep() {
     );
 }
 
+EnabledStep.displayName = 'EnabledStep';
+
 export default EnabledStep;

src/pages/settings/Security/TwoFactorAuth/Steps/VerifyStep.js

@@ -150,6 +150,7 @@ VerifyStep.propTypes = {
     }),
 };
 VerifyStep.defaultProps = defaultProps;
+VerifyStep.displayName = 'VerifyStep';
 
 // eslint-disable-next-line rulesdir/onyx-props-must-have-default
 export default withOnyx({

src/pages/signin/SAMLSignInPage/index.js

@@ -60,6 +60,7 @@ function SAMLSignInPage({credentials}) {
 
 SAMLSignInPage.propTypes = propTypes;
 SAMLSignInPage.defaultProps = defaultProps;
+SAMLSignInPage.displayName = 'SAMLSignInPage';
 
 export default withOnyx({
     credentials: {key: ONYXKEYS.CREDENTIALS},

src/pages/workspace/WorkspacesListPage.js

@@ -211,6 +211,7 @@ function WorkspacesListPage({policies, allPolicyMembers, reimbursementAccount, u
 
 WorkspacesListPage.propTypes = propTypes;
 WorkspacesListPage.defaultProps = defaultProps;
+WorkspacesListPage.displayName = 'WorkspacesListPage';
 
 export default compose(
     withPolicyAndFullscreenLoading,