[No QA] Fix: Lazy icons hook as const assertion

contributingGuides/LAZY_ICONS_AND_ILLUSTRATIONS.md

@@ -45,7 +45,7 @@ import {useMemoizedLazyIllustrations} from '@hooks/useLazyAsset';
 
 function MyComponent() {
     // Load multiple illustrations at once
-    const illustrations = useMemoizedLazyIllustrations(['Building', 'FolderOpen', 'Tag'] as const);
+    const illustrations = useMemoizedLazyIllustrations(['Building', 'FolderOpen', 'Tag']);
 
     return (
         <View>
@@ -64,7 +64,7 @@ Same pattern as illustrations, but for Expensify icons:
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 
 function NavigationBar() {
-    const icons = useMemoizedLazyExpensifyIcons(['Home', 'Inbox', 'MoneySearch'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['Home', 'Inbox', 'MoneySearch']);
 
     return (
         <View>
@@ -203,7 +203,7 @@ If you're migrating existing code from direct loading to lazy loading:
    import {useMemoizedLazyIllustrations} from '@hooks/useLazyAsset';
 
    function Component() {
-       const illustrations = useMemoizedLazyIllustrations(['Building'] as const);
+       const illustrations = useMemoizedLazyIllustrations(['Building']);
        return <Icon src={illustrations.Building} />;
    }
    ```
@@ -228,7 +228,7 @@ If you're migrating existing code from direct loading to lazy loading:
    import {useMemoizedLazyIllustrations} from '@hooks/useLazyAsset';
 
    function Component() {
-       const illustrations = useMemoizedLazyIllustrations(['Building', 'Tag', 'Coins'] as const);
+       const illustrations = useMemoizedLazyIllustrations(['Building', 'Tag', 'Coins']);
        return (
            <View>
                <Icon src={illustrations.Building} />
@@ -255,7 +255,7 @@ If you're migrating existing code from direct loading to lazy loading:
    import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 
    function Component() {
-       const icons = useMemoizedLazyExpensifyIcons(['Home'] as const);
+       const icons = useMemoizedLazyExpensifyIcons(['Home']);
        return <Icon src={icons.Home} />;
    }
    ```

src/components/AddPaymentMethodMenu.tsx

@@ -59,7 +59,7 @@ function AddPaymentMethodMenu({
     onItemSelected,
     shouldShowPersonalBankAccountOption = false,
 }: AddPaymentMethodMenuProps) {
-    const icons = useMemoizedLazyExpensifyIcons(['Building'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['Building']);
     const {translate} = useLocalize();
     const [restoreFocusType, setRestoreFocusType] = useState<BaseModalProps['restoreFocusType']>();
     const [session] = useOnyx(ONYXKEYS.SESSION, {canBeMissing: true});

src/components/AddressSearch/CurrentLocationButton.tsx

@@ -14,7 +14,7 @@ function CurrentLocationButton({onPress, isDisabled = false}: CurrentLocationBut
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
     const {translate} = useLocalize();
-    const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location'] as const);
+    const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location']);
 
     return (
         <PressableWithFeedback

src/components/AnimatedCollapsible/index.tsx

@@ -70,7 +70,7 @@ function AnimatedCollapsible({
 }: AnimatedCollapsibleProps) {
     const theme = useTheme();
     const styles = useThemeStyles();
-    const expensifyIcons = useMemoizedLazyExpensifyIcons(['UpArrow', 'DownArrow'] as const);
+    const expensifyIcons = useMemoizedLazyExpensifyIcons(['UpArrow', 'DownArrow']);
     const contentHeight = useSharedValue(0);
     const descriptionHeight = useSharedValue(0);
     const hasExpanded = useSharedValue(isExpanded);

src/components/ApprovalWorkflowSection.tsx

@@ -22,7 +22,7 @@ type ApprovalWorkflowSectionProps = {
 };
 
 function ApprovalWorkflowSection({approvalWorkflow, onPress}: ApprovalWorkflowSectionProps) {
-    const icons = useMemoizedLazyExpensifyIcons(['ArrowRight', 'Lightbulb', 'Users', 'UserCheck'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['ArrowRight', 'Lightbulb', 'Users', 'UserCheck']);
     const styles = useThemeStyles();
     const theme = useTheme();
     const {translate, toLocaleOrdinal, localeCompare} = useLocalize();

src/components/AttachmentPicker/index.native.tsx

@@ -123,7 +123,7 @@ function AttachmentPicker({
     fileLimit = 1,
     onOpenPicker,
 }: AttachmentPickerProps) {
-    const icons = useMemoizedLazyExpensifyIcons(['Camera', 'Gallery', 'Paperclip'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['Camera', 'Gallery', 'Paperclip']);
     const styles = useThemeStyles();
     const [isVisible, setIsVisible] = useState(false);
     const StyleUtils = useStyleUtils();

src/components/Attachments/AttachmentCarousel/AttachmentCarouselView/index.native.tsx

@@ -30,7 +30,7 @@ function AttachmentCarouselView({
     const {translate} = useLocalize();
     const canUseTouchScreen = canUseTouchScreenUtil();
     const styles = useThemeStyles();
-    const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud'] as const);
+    const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud']);
     const [activeAttachmentID, setActiveAttachmentID] = useState<AttachmentSource>(attachmentID ?? source);
 
     const pagerRef = useRef<AttachmentCarouselPagerHandle>(null);

src/components/Attachments/AttachmentCarousel/AttachmentCarouselView/index.tsx

@@ -62,7 +62,7 @@ function AttachmentCarouselView({
 }: AttachmentCarouselViewProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
-    const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud'] as const);
+    const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud']);
     const canUseTouchScreen = canUseTouchScreenUtil();
     const {isFullScreenRef} = useFullScreenContext();
     const isPagerScrolling = useSharedValue(false);

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

@@ -34,7 +34,7 @@ type DefaultAttachmentViewProps = {
 };
 
 function DefaultAttachmentView({fileName = '', shouldShowLoadingSpinnerIcon = false, shouldShowDownloadIcon, containerStyles, icon, isUploading, isDeleted}: DefaultAttachmentViewProps) {
-    const icons = useMemoizedLazyExpensifyIcons(['Download', 'Paperclip'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['Download', 'Paperclip']);
     const theme = useTheme();
     const styles = useThemeStyles();
     const {translate} = useLocalize();

src/components/Attachments/AttachmentView/HighResolutionInfo.tsx

@@ -14,7 +14,7 @@ function HighResolutionInfo({isUploaded}: {isUploaded: boolean}) {
     const styles = useThemeStyles();
     const stylesUtils = useStyleUtils();
     const {translate} = useLocalize();
-    const icons = useMemoizedLazyExpensifyIcons(['Info'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['Info']);
     return (
         <View style={[styles.flexRow, styles.alignItemsCenter, styles.gap2, styles.justifyContentCenter, stylesUtils.getHighResolutionInfoWrapperStyle(isUploaded)]}>
             <Icon

src/components/Attachments/AttachmentView/index.tsx

@@ -133,7 +133,7 @@ function AttachmentView({
     reportID,
     transaction: transactionProp,
 }: AttachmentViewProps) {
-    const icons = useMemoizedLazyExpensifyIcons(['Gallery'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['Gallery']);
     const [transactionFromOnyx] = useOnyx(`${ONYXKEYS.COLLECTION.TRANSACTION}${getNonEmptyStringOnyxID(transactionID)}`, {canBeMissing: true});
     const transaction = transactionProp ?? transactionFromOnyx;
     const {translate} = useLocalize();

src/components/AutoSubmitModal.tsx

@@ -21,7 +21,7 @@ function AutoSubmitModal() {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
-    const illustrations = useMemoizedLazyIllustrations(['PaperAirplane', 'Pencil', 'ReceiptsStackedOnPin'] as const);
+    const illustrations = useMemoizedLazyIllustrations(['PaperAirplane', 'Pencil', 'ReceiptsStackedOnPin']);
     const menuSections = useMemo(
         () => [
             {

src/components/AvatarButtonWithIcon.tsx

@@ -12,7 +12,7 @@
 import type IconAsset from '@src/types/utils/IconAsset';
 import Avatar from './Avatar';
 import Icon from './Icon';
 import * as Expensicons from './Icon/Expensicons';
 import OfflineWithFeedback from './OfflineWithFeedback';
 import PressableWithoutFeedback from './Pressable/PressableWithoutFeedback';
 import Tooltip from './Tooltip';
@@ -90,7 +90,7 @@
 }: AvatarButtonWithIconProps) {
     const theme = useTheme();
     const styles = useThemeStyles();
-    const expensifyIcons = useMemoizedLazyExpensifyIcons(['Pencil'] as const);
+    const expensifyIcons = useMemoizedLazyExpensifyIcons(['Pencil']);
 
     return (
         <Tooltip

src/components/AvatarCropModal/AvatarCropModal.tsx

@@ -11,7 +11,7 @@
 import HeaderGap from '@components/HeaderGap';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import Icon from '@components/Icon';
 import * as Expensicons from '@components/Icon/Expensicons';
 import Modal from '@components/Modal';
 import PressableWithoutFeedback from '@components/Pressable/PressableWithoutFeedback';
 import ScreenWrapper from '@components/ScreenWrapper';
@@ -61,7 +61,7 @@
     const theme = useTheme();
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
-    const expensifyIcons = useMemoizedLazyExpensifyIcons(['Zoom'] as const);
+    const expensifyIcons = useMemoizedLazyExpensifyIcons(['Zoom']);
 
     const originalImageWidth = useSharedValue<number>(CONST.AVATAR_CROP_MODAL.INITIAL_SIZE);
     const originalImageHeight = useSharedValue<number>(CONST.AVATAR_CROP_MODAL.INITIAL_SIZE);

src/components/AvatarCropModal/ImageCropView.tsx

@@ -44,7 +44,7 @@ type ImageCropViewProps = {
 };
 
 function ImageCropView({imageUri = '', containerSize = 0, panGesture = Gesture.Pan(), maskImage, ...props}: ImageCropViewProps) {
-    const icons = useMemoizedLazyExpensifyIcons(['ImageCropCircleMask'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['ImageCropCircleMask']);
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
     const containerStyle = StyleUtils.getWidthAndHeightStyle(containerSize, containerSize);

src/components/AvatarWithImagePicker.tsx

@@ -103,7 +103,7 @@ function AvatarWithImagePicker({
     editIcon,
     name = '',
 }: AvatarWithImagePickerProps) {
-    const icons = useMemoizedLazyExpensifyIcons(['Pencil', 'Upload'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['Pencil', 'Upload']);
     const styles = useThemeStyles();
     const isFocused = useIsFocused();
     const [popoverPosition, setPopoverPosition] = useState({horizontal: 0, vertical: 0});

src/components/BlockingViews/FullPageErrorView.tsx

@@ -33,7 +33,7 @@ type FullPageErrorViewProps = {
 // eslint-disable-next-line rulesdir/no-negated-variables
 function FullPageErrorView({testID, children = null, shouldShow = false, title = '', subtitle = '', shouldForceFullScreen = false, subtitleStyle}: FullPageErrorViewProps) {
     const styles = useThemeStyles();
-    const illustrations = useMemoizedLazyIllustrations(['BrokenMagnifyingGlass'] as const);
+    const illustrations = useMemoizedLazyIllustrations(['BrokenMagnifyingGlass']);
 
     if (shouldShow) {
         return (

src/components/BlockingViews/FullPageNotFoundView.tsx

@@ -85,7 +85,7 @@ function FullPageNotFoundView({
     const styles = useThemeStyles();
     const {isMediumScreenWidth, isLargeScreenWidth} = useResponsiveLayout();
     const {translate} = useLocalize();
-    const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud'] as const);
+    const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud']);
 
     if (shouldShow) {
         StatsCounter('FullPageNotFoundView');

src/components/BlockingViews/FullPageOfflineBlockingView.tsx

@@ -17,7 +17,7 @@ type FullPageOfflineBlockingViewProps = ChildrenProps & {
 function FullPageOfflineBlockingView({children, addBottomSafeAreaPadding = true, addOfflineIndicatorBottomSafeAreaPadding = addBottomSafeAreaPadding}: FullPageOfflineBlockingViewProps) {
     const {translate} = useLocalize();
     const {isOffline} = useNetwork();
-    const icons = useMemoizedLazyExpensifyIcons(['OfflineCloud'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['OfflineCloud']);
 
     const theme = useTheme();
 

src/components/BookTravelButton.tsx

@@ -49,7 +49,7 @@ const navigateToAcceptTerms = (domain: string, isUserValidated?: boolean) => {
 function BookTravelButton({text, shouldRenderErrorMessageBelowButton = false, setShouldScrollToBottom}: BookTravelButtonProps) {
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
-    const illustrations = useMemoizedLazyIllustrations(['RocketDude'] as const);
+    const illustrations = useMemoizedLazyIllustrations(['RocketDude']);
     const {translate} = useLocalize();
     const {environmentURL} = useEnvironment();
     const phoneErrorMethodsRoute = `${environmentURL}/${ROUTES.SETTINGS_CONTACT_METHODS.getRoute(Navigation.getActiveRoute())}`;

src/components/Breadcrumbs.tsx

@@ -38,7 +38,7 @@ function Breadcrumbs({breadcrumbs, style}: BreadcrumbsProps) {
     const [primaryBreadcrumb, secondaryBreadcrumb] = breadcrumbs;
     const isRootBreadcrumb = primaryBreadcrumb.type === CONST.BREADCRUMB_TYPE.ROOT;
     const fontScale = PixelRatio.getFontScale() > CONST.LOGO_MAX_SCALE ? CONST.LOGO_MAX_SCALE : PixelRatio.getFontScale();
-    const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark']);
 
     return (
         <View style={[styles.flexRow, styles.alignItemsCenter, styles.gap1, styles.w100, styles.breadcrumbsContainer, style]}>

src/components/ConfirmedRoute.tsx

@@ -15,7 +15,7 @@
 import type {WaypointCollection} from '@src/types/onyx/Transaction';
 import type IconAsset from '@src/types/utils/IconAsset';
 import DistanceMapView from './DistanceMapView';
 import * as Expensicons from './Icon/Expensicons';
 import ImageSVG from './ImageSVG';
 import type {WayPoint} from './MapView/MapViewTypes';
 import PendingMapView from './MapView/PendingMapView';
@@ -46,7 +46,7 @@
     const theme = useTheme();
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
-    const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location'] as const);
+    const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location']);
 
     const [mapboxAccessToken] = useOnyx(ONYXKEYS.MAPBOX_ACCESS_TOKEN, {canBeMissing: true});
 

src/components/ContactPermissionModal/index.native.tsx

@@ -17,7 +17,7 @@ function ContactPermissionModal({onDeny, onGrant, onFocusTextInput}: ContactPerm
 
     const styles = useThemeStyles();
     const {translate} = useLocalize();
-    const illustrations = useMemoizedLazyIllustrations(['ToddWithPhones'] as const);
+    const illustrations = useMemoizedLazyIllustrations(['ToddWithPhones']);
 
     useEffect(() => {
         if (hasDeniedContactImportPrompt) {

src/components/DatePicker/index.tsx

@@ -34,7 +34,7 @@ function DatePicker({
     forwardedFSClass,
     ref,
 }: DateInputWithPickerProps) {
-    const icons = useMemoizedLazyExpensifyIcons(['Calendar'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['Calendar']);
     const styles = useThemeStyles();
     const {windowHeight, windowWidth} = useWindowDimensions();
     const {translate} = useLocalize();

src/components/DeeplinkWrapper/DeeplinkRedirectLoadingIndicator.tsx

@@ -21,8 +21,8 @@ function DeeplinkRedirectLoadingIndicator({openLinkInBrowser}: DeeplinkRedirectL
     const {translate} = useLocalize();
     const theme = useTheme();
     const styles = useThemeStyles();
-    const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark'] as const);
-    const illustrations = useMemoizedLazyIllustrations(['RocketBlue'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark']);
+    const illustrations = useMemoizedLazyIllustrations(['RocketBlue']);
     const [currentUserLogin] = useOnyx(ONYXKEYS.SESSION, {selector: emailSelector, canBeMissing: true});
     return (
         <View style={styles.deeplinkWrapperContainer}>

src/components/DistanceEReceipt.tsx

@@ -30,7 +30,7 @@ type DistanceEReceiptProps = {
 function DistanceEReceipt({transaction, hoverPreview = false}: DistanceEReceiptProps) {
     const styles = useThemeStyles();
     const {translate} = useLocalize();
-    const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark']);
     const thumbnail = hasReceipt(transaction) ? getThumbnailAndImageURIs(transaction).thumbnail : null;
     const {amount: transactionAmount, currency: transactionCurrency, merchant: transactionMerchant, created: transactionDate} = getTransactionDetails(transaction) ?? {};
     const formattedTransactionAmount = convertToDisplayString(transactionAmount, transactionCurrency);

src/components/DistanceMapView/index.android.tsx

@@ -18,7 +18,7 @@ function DistanceMapView({overlayStyle, requireRouteToDisplayMap, ...rest}: Dist
     const {translate} = useLocalize();
     const theme = useTheme();
     const StyleUtils = useStyleUtils();
-    const icons = useMemoizedLazyExpensifyIcons(['EmptyStateRoutePending'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['EmptyStateRoutePending']);
 
     return (
         <>

src/components/DistanceRequest/DistanceRequestFooter.tsx

@@ -4,7 +4,7 @@
 import type {OnyxEntry} from 'react-native-onyx';
 import Button from '@components/Button';
 import DistanceMapView from '@components/DistanceMapView';
 import * as Expensicons from '@components/Icon/Expensicons';
 import ImageSVG from '@components/ImageSVG';
 import type {WayPoint} from '@components/MapView/MapViewTypes';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
@@ -43,7 +43,7 @@
     const theme = useTheme();
     const styles = useThemeStyles();
     const {translate} = useLocalize();
-    const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location'] as const);
+    const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location']);
     const [activePolicyID] = useOnyx(ONYXKEYS.NVP_ACTIVE_POLICY_ID, {canBeMissing: true});
     const activePolicy = usePolicy(activePolicyID);
     const [mapboxAccessToken] = useOnyx(ONYXKEYS.MAPBOX_ACCESS_TOKEN, {canBeMissing: true});

src/components/DistanceRequest/DistanceRequestRenderItem.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
 import * as Expensicons from '@components/Icon/Expensicons';
 import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
@@ -32,7 +32,7 @@
 
 function DistanceRequestRenderItem({waypoints, item = '', onSecondaryInteraction, getIndex, isActive = false, onPress = () => {}, disabled = false}: DistanceRequestProps) {
     const theme = useTheme();
-    const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location'] as const);
+    const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location']);
     const {translate} = useLocalize();
     const numberOfWaypoints = Object.keys(waypoints ?? {}).length;
     const lastWaypointIndex = numberOfWaypoints - 1;

src/components/Domain/CopyableTextField.tsx

@@ -33,7 +33,7 @@ function CopyableTextField({value, isLoading = false, style, textStyle, shouldDi
     const {translate} = useLocalize();
 
     const [expanded, setExpanded] = useState(false);
-    const icons = useMemoizedLazyExpensifyIcons(['DownArrow', 'UpArrow'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['DownArrow', 'UpArrow']);
 
     return (
         <View style={[styles.qbdSetupLinkBox, styles.border, styles.gap4, styles.justifyContentCenter, styles.alignItemsCenter, style]}>

src/components/Domain/DomainMenuItem.tsx

@@ -40,7 +40,7 @@ type DomainItem = {
 } & Pick<OfflineWithFeedbackProps, 'pendingAction'>;
 
 function DomainMenuItem({item, index}: DomainMenuItemProps) {
-    const icons = useMemoizedLazyExpensifyIcons(['Globe'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['Globe']);
     const styles = useThemeStyles();
     const {translate} = useLocalize();
     const {isAdmin, isValidated, action} = item;

src/components/Domain/DomainsListRow.tsx

@@ -32,7 +32,7 @@ function DomainsListRow({title, isHovered, badgeText, brickRoadIndicator, menuIt
     const styles = useThemeStyles();
     const theme = useTheme();
 
-    const icons = useMemoizedLazyExpensifyIcons(['Globe', 'ArrowRight', 'DotIndicator'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['Globe', 'ArrowRight', 'DotIndicator']);
 
     return (
         <View style={[styles.flexRow, styles.highlightBG, styles.br3, styles.p5, styles.pr3, styles.alignItemsCenter, styles.gap3, isHovered && styles.hoveredComponentBG]}>

src/components/DotIndicatorMessage.tsx

@@ -47,7 +47,7 @@ function DotIndicatorMessage({messages = {}, style, type, textStyles, dismissErr
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
     const {translate} = useLocalize();
-    const expensifyIcons = useMemoizedLazyExpensifyIcons(['DotIndicator'] as const);
+    const expensifyIcons = useMemoizedLazyExpensifyIcons(['DotIndicator']);
 
     const [shouldShowErrorModal, setShouldShowErrorModal] = useState(false);
 

src/components/DropZone/DualDropZone.tsx

@@ -28,7 +28,7 @@ function DualDropZone({isEditing, onAttachmentDrop, onReceiptDrop, shouldAcceptS
     const {translate} = useLocalize();
     const {shouldUseNarrowLayout, isMediumScreenWidth} = useResponsiveLayout();
     const theme = useTheme();
-    const icons = useMemoizedLazyExpensifyIcons(['MessageInABottle', 'SmartScan', 'ReplaceReceipt'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['MessageInABottle', 'SmartScan', 'ReplaceReceipt']);
 
     const shouldStackVertically = shouldUseNarrowLayout || isMediumScreenWidth;
     const scanReceiptsText = shouldAcceptSingleReceipt ? 'dropzone.addReceipt' : 'dropzone.scanReceipts';

src/components/EReceipt.tsx

@@ -41,7 +41,7 @@ function EReceipt({transactionID, transactionItem, onLoad, isThumbnail = false}:
     const StyleUtils = useStyleUtils();
     const {translate} = useLocalize();
     const theme = useTheme();
-    const icons = useMemoizedLazyExpensifyIcons(['ReceiptBody', 'ExpensifyWordmark'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['ReceiptBody', 'ExpensifyWordmark']);
     const [cardList] = useOnyx(ONYXKEYS.CARD_LIST, {canBeMissing: true});
     const [transaction] = useOnyx(`${ONYXKEYS.COLLECTION.TRANSACTION}${getNonEmptyStringOnyxID(transactionID)}`, {canBeMissing: true});
 

src/components/EReceiptThumbnail.tsx

@@ -39,7 +39,7 @@ type EReceiptThumbnailProps = {
 };
 
 function EReceiptThumbnail({transactionID, borderRadius, fileExtension, isReceiptThumbnail = false, centerIconV = true, iconSize = 'large'}: EReceiptThumbnailProps) {
-    const icons = useMemoizedLazyExpensifyIcons(['CalendarSolid'] as const);
+    const icons = useMemoizedLazyExpensifyIcons(['CalendarSolid']);
     const styles = useThemeStyles();
     const StyleUtils = useStyleUtils();
     const [transaction] = useOnyx(`${ONYXKEYS.COLLECTION.TRANSACTION}${getNonEmptyStringOnyxID(transactionID)}`, {