Win 54 pipeline fails on pr to main

.github/workflows/app.e2e_tests.yml

@@ -32,7 +32,7 @@ jobs:
                   browser: ${{ matrix.test-platform }}
 
             - name: Upload screenshots of failed tests
-              uses: actions/upload-artifact@v3
+              uses: actions/upload-artifact@v4
               if: failure()
               with:
                   name: cypress-screenshots

__tests__/components/navbar/Navbar.test.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { act } from 'react-dom/test-utils';
 import { Provider } from 'react-redux';
 import renderer from 'react-test-renderer';
 import configureStore from 'redux-mock-store';
@@ -25,16 +24,11 @@ describe('NavBar Component', () => {
     });
 
     it('renders with showNavBar=true', () => {
-        let component;
-
-        act(() => {
-            component = renderer.create(
-                <Provider store={store}>
-                    <NavBar />
-                </Provider>,
-            );
-        });
-        // @ts-ignore
+        const component = renderer.create(
+            <Provider store={store}>
+                <NavBar />
+            </Provider>,
+        );
         const tree = component.toJSON();
         expect(tree).toMatchSnapshot();
     });
@@ -48,17 +42,11 @@ describe('NavBar Component', () => {
                 theme: 'light',
             },
         });
-
-        let component;
-
-        act(() => {
-            component = renderer.create(
-                <Provider store={store}>
-                    <NavBar />
-                </Provider>,
-            );
-        });
-        // @ts-ignore
+        const component = renderer.create(
+            <Provider store={store}>
+                <NavBar />
+            </Provider>,
+        );
         const tree = component.toJSON();
         expect(tree).toMatchSnapshot();
     });

jest-setup.ts

@@ -3,8 +3,6 @@ import '@testing-library/jest-native/extend-expect';
 import { useAppSelector } from './src/lib/redux/Hooks';
 import { ThemeState } from './src/lib/redux/slices/ThemeSlice';
 
-// Silence the warning: Animated: `useNativeDriver` is not supported because the native animated module is missing
-jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');
 jest.mock('react-native-vector-icons/FontAwesome5', () => 'FontAwesome5');
 jest.mock('react-native-webview', () => 'WebView');
 

package.json

@@ -45,7 +45,6 @@
         "@react-native-async-storage/async-storage": "1.23.1",
         "@react-native-community/eslint-config": "^3.2.0",
         "@react-native-community/netinfo": "11.4.1",
-        "@react-navigation/bottom-tabs": "^7.2.0",
         "@react-navigation/native": "^7.0.14",
         "@react-navigation/native-stack": "^7.2.0",
         "@react-navigation/routers": "^6.1.9",
@@ -60,7 +59,6 @@
         "expo-linking": "~7.0.5",
         "expo-router": "~4.0.20",
         "expo-status-bar": "~2.0.1",
-        "expo-system-ui": "^4.0.9",
         "expo-web-browser": "~14.0.2",
         "i18next": "^23.7.6",
         "openai": "^4.16.1",
@@ -74,10 +72,8 @@
         "react-native-element-dropdown": "^2.10.4",
         "react-native-error-boundary": "^1.2.3",
         "react-native-fs": "^2.20.0",
-        "react-native-gesture-handler": "~2.20.2",
         "react-native-paper": "^5.11.2",
         "react-native-progress": "^5.0.1",
-        "react-native-reanimated": "~3.16.7",
         "react-native-render-html": "^6.3.4",
         "react-native-safe-area-context": "4.12.0",
         "react-native-screens": "~4.4.0",
@@ -97,15 +93,9 @@
     "devDependencies": {
         "@babel/core": "^7.26.10",
         "@babel/preset-env": "^7.26.9",
-        "@babel/runtime": "^7.26.10",
         "@cypress/code-coverage": "^3.12.6",
-        "@react-native-community/cli": "^15.0.1",
-        "@react-native-community/cli-platform-android": "^15.0.1",
-        "@react-native-community/cli-platform-ios": "^15.0.1",
         "@react-native/babel-preset": "^0.77.0",
-        "@react-native/eslint-config": "^0.77.0",
         "@react-native/metro-config": "^0.77.0",
-        "@react-native/typescript-config": "^0.77.0",
         "@testing-library/jest-native": "^5.4.3",
         "@testing-library/react-native": "^12.4.0",
         "@types/jest": "^29.5.5",

src/components/WTR/Card/TechProviderCard.tsx

@@ -91,7 +91,14 @@ export function TechProviderCard({
                 testID={`tech-provider-${techProviderSlug}-button`}
             >
                 <LinearGradient
-                    colors={colors.techProviderGradient}
+                    colors={
+                        colors.techProviderGradient as [
+                            string,
+                            string,
+                            ...string[],
+                        ]
+                    }
+                    // colors={colors.techProviderGradient}
                     style={styles.circle}
                 >
                     <Image source={techProviderImage} style={styles.image} />

src/screens/Course/StageOverview.tsx

@@ -122,7 +122,7 @@ export default function StageOverview() {
             marginLeft: 10,
         },
         courseBackgroundContainer: {
-            borderTopRadius: 15,
+            borderRadius: 15,
             overflow: 'hidden',
         },
         courseTitle: {

webpack.config.js

@@ -1,4 +1,4 @@
-const createExpoWebpackConfigAsync = require('@expo/webpack-config');
+const createExpoWebpackConfigAsync = require('@expo/metro-config');
 const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
 
 module.exports = async function (env, argv) {