[No QA] Bump eslint-config-expensify to 3.0.2

__mocks__/expo-video.tsx

@@ -101,7 +101,6 @@ const VideoView = forwardRef((props: VideoViewProps, ref: ForwardedRef<View>) =>
     <View
         ref={ref}
         accessibilityLabel="MockVideoView"
-        // eslint-disable-next-line react/jsx-props-no-spreading
         {...props}
     />
 ));

__mocks__/react-native-safe-area-context.tsx

@@ -23,7 +23,6 @@ function withSafeAreaInsets(WrappedComponent: React.ComponentType<WithSafeAreaIn
     function WithSafeAreaInsets(props: WithSafeAreaInsetsProps & {ref: React.ForwardedRef<unknown>}) {
         return (
             <WrappedComponent
-                // eslint-disable-next-line react/jsx-props-no-spreading
                 {...props}
                 ref={props.ref}
                 insets={insets}
@@ -34,7 +33,6 @@ function withSafeAreaInsets(WrappedComponent: React.ComponentType<WithSafeAreaIn
     function WithSafeAreaInsetsWithRef(props: WithSafeAreaInsetsProps & {ref: ForwardedRef<unknown>}) {
         return (
             <WithSafeAreaInsets
-                // eslint-disable-next-line react/jsx-props-no-spreading
                 {...props}
                 ref={props.ref}
             />

package.json

@@ -301,7 +301,7 @@
     "dotenv": "^16.0.3",
     "eslint": "^9.36.0",
     "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-config-expensify": "3.0.1",
+    "eslint-config-expensify": "3.0.2",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-file-progress": "3.0.1",
     "eslint-plugin-jest": "^29.0.1",

src/components/AccountSwitcher.tsx

@@ -223,7 +223,6 @@ function AccountSwitcher({isScreenFocused}: AccountSwitcherProps) {
 
     return (
         <>
-            {/* eslint-disable-next-line react/jsx-props-no-spreading */}
             <TooltipToRender {...tooltipProps}>
                 <PressableWithFeedback
                     accessible

src/components/ActionSheetAwareScrollView/index.android.tsx

@@ -12,7 +12,6 @@ function ActionSheetAwareScrollView({style, children, ref, ...restProps}: Action
 
     return (
         <Reanimated.ScrollView
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...restProps}
             ref={onRef}
             style={style}
@@ -28,7 +27,6 @@ function ActionSheetAwareScrollView({style, children, ref, ...restProps}: Action
  * @returns - ActionSheetAwareScrollView
  */
 const renderScrollComponent: RenderActionSheetAwareScrollViewComponent = (props) => {
-    // eslint-disable-next-line react/jsx-props-no-spreading
     return <ActionSheetAwareScrollView {...props} />;
 };
 

src/components/ActionSheetAwareScrollView/index.ios.tsx

@@ -18,7 +18,6 @@ function ActionSheetAwareScrollView({style, children, ref, ...restProps}: Action
 
     return (
         <Reanimated.ScrollView
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...restProps}
             ref={onRef}
             style={[style, animatedStyle]}
@@ -34,7 +33,6 @@ function ActionSheetAwareScrollView({style, children, ref, ...restProps}: Action
  * @returns - ActionSheetAwareScrollView
  */
 const renderScrollComponent: RenderActionSheetAwareScrollViewComponent = (props) => {
-    // eslint-disable-next-line react/jsx-props-no-spreading
     return <ActionSheetAwareScrollView {...props} />;
 };
 

src/components/ActionSheetAwareScrollView/index.tsx

@@ -11,7 +11,6 @@ function ActionSheetAwareScrollView({children, ref, ...restProps}: ActionSheetAw
 
     return (
         <Reanimated.ScrollView
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...restProps}
             ref={onRef}
         >
@@ -30,7 +29,6 @@ function ActionSheetAwareScrollView({children, ref, ...restProps}: ActionSheetAw
  */
 
 const renderScrollComponent: RenderActionSheetAwareScrollViewComponent = (props) => {
-    // eslint-disable-next-line react/jsx-props-no-spreading
     return <ActionSheetAwareScrollView {...props} />;
 };
 

src/components/ActivityIndicator.tsx

@@ -40,7 +40,6 @@ function ActivityIndicator({timeout = CONST.TIMING.ACTIVITY_INDICATOR_TIMEOUT, e
     return (
         <RNActivityIndicator
             color={theme.spinner}
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...rest}
         />
     );

src/components/AmountPicker/AmountSelectorModal.tsx

@@ -65,7 +65,6 @@ function AmountSelectorModal({value, description = '', onValueSelected, isVisibl
                 >
                     <View style={styles.flex1}>
                         <NumberWithSymbolForm
-                            // eslint-disable-next-line react/jsx-props-no-spreading
                             {...rest}
                             value={currentValue}
                             onInputChange={setValue}

src/components/AmountPicker/index.tsx

@@ -41,7 +41,6 @@ function AmountPicker({value, description, title, errorText = '', onInputChange,
                 errorText={errorText}
             />
             <AmountSelectorModal
-                // eslint-disable-next-line react/jsx-props-no-spreading
                 {...rest}
                 value={value}
                 isVisible={isPickerVisible}

src/components/AmountTextInput.tsx

@@ -108,7 +108,6 @@ function AmountTextInput({
             shouldApplyPaddingToContainer={shouldApplyPaddingToContainer}
             rightHandSideComponent={rightHandSideComponent}
             navigation={navigation}
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...rest}
         />
     );

src/components/AmountWithoutCurrencyInput.tsx

@@ -97,7 +97,6 @@ function AmountWithoutCurrencyInput({
             // On android autoCapitalize="words" is necessary when keyboardType="decimal-pad" or inputMode="decimal" to prevent input lag.
             // See https://github.com/Expensify/App/issues/51868 for more information
             autoCapitalize="words"
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...rest}
         />
     );

src/components/AnchorForAttachmentsOnly/index.native.tsx

@@ -7,7 +7,6 @@ function AnchorForAttachmentsOnly(props: AnchorForAttachmentsOnlyProps) {
     const styles = useThemeStyles();
     return (
         <BaseAnchorForAttachmentsOnly
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...props}
             style={styles.mw100}
         />

src/components/AnchorForAttachmentsOnly/index.tsx

@@ -7,7 +7,6 @@ import type AnchorForAttachmentsOnlyProps from './types';
 function AnchorForAttachmentsOnly(props: AnchorForAttachmentsOnlyProps) {
     return (
         <BaseAnchorForAttachmentsOnly
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...props}
             onPressIn={() => DeviceCapabilities.canUseTouchScreen() && ControlSelection.block()}
             onPressOut={() => ControlSelection.unblock()}

src/components/AnchorForCommentsOnly/BaseAnchorForCommentsOnly.tsx

@@ -101,7 +101,6 @@ function BaseAnchorForCommentsOnly({
                     suppressHighlighting
                     // Add testID so it gets selected as an anchor tag by SelectionScraper
                     testID="a"
-                    // eslint-disable-next-line react/jsx-props-no-spreading
                     {...rest}
                 >
                     {children}

src/components/AnchorForCommentsOnly/index.native.tsx

@@ -14,7 +14,6 @@ function AnchorForCommentsOnly({onPress, href = '', ...props}: AnchorForComments
 
     return (
         <BaseAnchorForCommentsOnly
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...props}
             href={href}
             onPress={onLinkPress}

src/components/AnchorForCommentsOnly/index.tsx

@@ -7,7 +7,6 @@ import type {AnchorForCommentsOnlyProps} from './types';
 function AnchorForCommentsOnly(props: AnchorForCommentsOnlyProps) {
     return (
         <BaseAnchorForCommentsOnly
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...props}
             onPressIn={() => DeviceCapabilities.canUseTouchScreen() && ControlSelection.block()}
             onPressOut={() => ControlSelection.unblock()}

src/components/AnimatedFlatListWithCellRenderer.tsx

@@ -25,7 +25,6 @@ const createCellRendererComponent = <Item,>(CellRendererComponentProp?: CellRend
                 onLayout={props.onLayout}
                 style={CellRendererComponentProp ? undefined : props.style}
             >
-                {/* eslint-disable-next-line react/jsx-props-no-spreading */}
                 {CellRendererComponentProp ? <CellRendererComponentProp {...props}>{props.children}</CellRendererComponentProp> : props.children}
             </Animated.View>
         );
@@ -82,7 +81,6 @@ function FlatListRender<Item = any>(props: AnimatedFlatListWithCellRendererProps
         // @ts-expect-error In its current type state, createAnimatedComponent cannot create generic components.
         <AnimatedFlatList
             ref={ref}
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...restProps}
             CellRendererComponent={CellRendererComponent}
         />

src/components/Attachments/AttachmentView/AttachmentViewPdf/index.android.tsx

@@ -62,7 +62,6 @@ function AttachmentViewPdf(props: AttachmentViewPdfProps) {
     const Content = useMemo(
         () => (
             <BaseAttachmentViewPdf
-                // eslint-disable-next-line react/jsx-props-no-spreading
                 {...props}
                 onScaleChanged={(newScale) => {
                     // The react-native-pdf's onScaleChanged event will sometimes give us scale values of e.g. 0.99... instead of 1,

src/components/Attachments/AttachmentView/AttachmentViewPdf/index.ios.tsx

@@ -3,12 +3,7 @@ import BaseAttachmentViewPdf from './BaseAttachmentViewPdf';
 import type AttachmentViewPdfProps from './types';
 
 function AttachmentViewPdf(props: AttachmentViewPdfProps) {
-    return (
-        <BaseAttachmentViewPdf
-            // eslint-disable-next-line react/jsx-props-no-spreading
-            {...props}
-        />
-    );
+    return <BaseAttachmentViewPdf {...props} />;
 }
 
 export default memo(AttachmentViewPdf);

src/components/AutoCompleteSuggestions/AutoCompleteSuggestionsPortal/index.native.tsx

@@ -27,10 +27,8 @@ function AutoCompleteSuggestionsPortal<TSuggestion>({
         <Portal hostName="suggestions">
             <TransparentOverlay onPress={resetSuggestions} />
             <View style={styles}>
-                {}
                 <BaseAutoCompleteSuggestions<TSuggestion>
                     width={width}
-                    // eslint-disable-next-line react/jsx-props-no-spreading
                     {...props}
                 />
             </View>

src/components/AutoCompleteSuggestions/AutoCompleteSuggestionsPortal/index.tsx

@@ -32,7 +32,6 @@ function AutoCompleteSuggestionsPortal<TSuggestion>({
     const componentToRender = (
         <BaseAutoCompleteSuggestions<TSuggestion>
             width={width}
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...props}
         />
     );

src/components/AutoCompleteSuggestions/index.tsx

@@ -182,7 +182,6 @@ function AutoCompleteSuggestions<TSuggestion>({measureParentContainerAndReportCu
 
     return (
         <AutoCompleteSuggestionsPortal
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...props}
             left={containerState.left}
             width={containerState.width}

src/components/BaseWidgetItem.tsx

@@ -72,7 +72,7 @@ function BaseWidgetItem({icon, iconBackgroundColor, title, subtitle, ctaText, on
                         small
                         style={styles.widgetItemButton}
                         // Prop spreading allows parent components to pass additional button styling props (e.g., danger: true, success: true)
-                        // eslint-disable-next-line react/jsx-props-no-spreading
+
                         {...buttonProps}
                     />
                 </View>

src/components/Button/ButtonDisabledWhenOffline.tsx

@@ -11,7 +11,6 @@ function ButtonDisabledWhenOffline({disabledWhenOffline = true, ...props}: Butto
     const {isOffline} = useNetwork();
     return (
         <Button
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...props}
             isDisabled={disabledWhenOffline && isOffline}
         />

src/components/CardFeedIcon.tsx

@@ -24,7 +24,6 @@ function CardFeedIcon({iconProps, selectedFeed, isExpensifyCardFeed = false, use
     const isPlaidCardFeed = !!getPlaidInstitutionId(selectedFeed);
 
     if (isExpensifyCardFeed) {
-        // eslint-disable-next-line react/jsx-props-no-spreading
         return <ExpensifyCardFeedIcon {...iconProps} />;
     }
 
@@ -33,7 +32,6 @@ function CardFeedIcon({iconProps, selectedFeed, isExpensifyCardFeed = false, use
             <PlaidCardFeedIcon
                 plaidUrl={getPlaidInstitutionIconUrl(selectedFeed)}
                 useSkeletonLoader={useSkeletonLoader}
-                // eslint-disable-next-line react/jsx-props-no-spreading
                 {...restIconProps}
             />
         );
@@ -46,7 +44,6 @@ function CardFeedIcon({iconProps, selectedFeed, isExpensifyCardFeed = false, use
     return (
         <Icon
             src={src ?? getCardFeedIcon(selectedFeed, illustrations, companyCardFeedIcons)}
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...restIconProps}
         />
     );
@@ -60,7 +57,6 @@ function ExpensifyCardFeedIcon(iconProps: Partial<IconProps>) {
     return (
         <Icon
             src={memoizedIllustrations.ExpensifyCardImage}
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...restIconProps}
         />
     );

src/components/Charts/BarChart/index.native.tsx

@@ -3,7 +3,6 @@ import type {BarChartProps} from './BarChartContent';
 import BarChartContent from './BarChartContent';
 
 function BarChart(props: BarChartProps) {
-    // eslint-disable-next-line react/jsx-props-no-spreading
     return <BarChartContent {...props} />;
 }
 

src/components/Charts/LineChart/index.native.tsx

@@ -3,7 +3,6 @@ import type {LineChartProps} from './LineChartContent';
 import LineChartContent from './LineChartContent';
 
 function LineChart(props: LineChartProps) {
-    // eslint-disable-next-line react/jsx-props-no-spreading
     return <LineChartContent {...props} />;
 }
 

src/components/Charts/PieChart/index.native.tsx

@@ -3,7 +3,6 @@ import type {PieChartProps} from './PieChartContent';
 import PieChartContent from './PieChartContent';
 
 function PieChart(props: PieChartProps) {
-    // eslint-disable-next-line react/jsx-props-no-spreading
     return <PieChartContent {...props} />;
 }
 

src/components/Composer/implementation/index.native.tsx

@@ -133,7 +133,6 @@ function Composer({
             textAlignVertical="center"
             style={[composerStyle, maxHeightStyle]}
             markdownStyle={markdownStyle}
-            /* eslint-disable-next-line react/jsx-props-no-spreading */
             {...props}
             autoFocus={isInLandscapeMode ? false : props.autoFocus}
             readOnly={isDisabled}

src/components/Composer/implementation/index.tsx

@@ -359,7 +359,6 @@ function Composer({
             value={value}
             defaultValue={defaultValue}
             autoFocus={autoFocus}
-            /* eslint-disable-next-line react/jsx-props-no-spreading */
             {...props}
             onSelectionChange={addCursorPositionToSelectionChange}
             onContentSizeChange={(e) => {

src/components/CurrencySelectionList/index.tsx

@@ -98,7 +98,6 @@ function CurrencySelectionList({
 
     return (
         <SelectionListWithSections
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...restProps}
             sections={sections}
             ListItem={SingleSelectListItem}

src/components/DistanceMapView/index.android.tsx

@@ -23,7 +23,6 @@ function DistanceMapView({overlayStyle, requireRouteToDisplayMap, ...rest}: Dist
     return (
         <>
             <MapView
-                // eslint-disable-next-line react/jsx-props-no-spreading
                 {...rest}
                 onMapReady={() => {
                     if (isMapReady) {

src/components/DistanceMapView/index.tsx

@@ -3,7 +3,6 @@ import MapView from '@components/MapView';
 import type DistanceMapViewProps from './types';
 
 function DistanceMapView({overlayStyle, ...rest}: DistanceMapViewProps) {
-    // eslint-disable-next-line react/jsx-props-no-spreading
     return <MapView {...rest} />;
 }
 

src/components/DraggableList/SortableItem.tsx

@@ -76,9 +76,7 @@ function SortableItem({id, children, disabled = false, isFocused = false}: Sorta
             // Use capture phase to intercept Enter before inner MenuItem handles it
             onKeyDownCapture={handleKeyDown}
             onClick={handleClick}
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...attributes}
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...(disabled ? {} : listeners)}
             role="button"
             tabIndex={0}

src/components/DraggableList/index.native.tsx

@@ -12,7 +12,6 @@ function DraggableList<T>({ref, onSelectRow, focusedIndex, isItemDragDisabled, i
             containerStyle={styles.flex1}
             contentContainerStyle={styles.flexGrow1}
             ListFooterComponentStyle={styles.flex1}
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...viewProps}
         />
     );

src/components/EmbeddedDemo/index.native.tsx

@@ -13,7 +13,6 @@ function EmbeddedDemo({url, webViewProps}: EmbeddedDemoProps) {
             source={{uri: url}}
             originWhitelist={testDrive.EMBEDDED_DEMO_WHITELIST}
             style={styles.flex1}
-            // eslint-disable-next-line react/jsx-props-no-spreading
             {...webViewProps}
         />
     );