Fixing errors in development

.depcheckrc.json

@@ -16,6 +16,9 @@
         "react-error-boundary",
         "react-native-dotenv",
         "react-native-fs",
+        "@expo/webpack-config",
+        "@types/react-dom",
+        "react-dom",
         "react-navigation",
         "react-numeric-input",
         "react-native-web"

__tests__/components/general/PageScrollView.test.tsx

@@ -1,4 +1,4 @@
-import { Store, AnyAction, configureStore } from '@reduxjs/toolkit';
+import { Store, configureStore, UnknownAction } from '@reduxjs/toolkit';
 import { render } from '@testing-library/react-native';
 import React from 'react';
 import { Text } from 'react-native';
@@ -16,7 +16,7 @@ jest.useFakeTimers();
 
 describe('PageScrollView component', () => {
     // @ts-ignore
-    let store: Store<unknown, AnyAction>;
+    let store: Store<unknown, UnknownAction>;
 
     beforeEach(() => {
         store = mockStore({

__tests__/components/general/WhScrollView.test.tsx

@@ -1,4 +1,4 @@
-import { Store, AnyAction, configureStore } from '@reduxjs/toolkit';
+import { Store, configureStore, UnknownAction } from '@reduxjs/toolkit';
 import { render } from '@testing-library/react-native';
 import React from 'react';
 import { Text } from 'react-native';
@@ -13,7 +13,7 @@ jest.useFakeTimers();
 
 describe('WhScrollView component', () => {
     // @ts-ignore
-    let store: Store<unknown, AnyAction>;
+    let store: Store<unknown, UnknownAction>;
 
     beforeEach(() => {
         store = configureStore({

__tests__/unit/redux/slice/LoadingSlice.test.tsx

@@ -5,6 +5,7 @@ const { setLoading } = loadingSlice.actions;
 describe('loadingSlice', () => {
     it('should have the correct initial state', () => {
         const initialState = loadingSlice.reducer(undefined, {
+            // @ts-ignore
             type: undefined,
         });
         expect(initialState).toEqual({ isLoading: false });

__tests__/unit/redux/slice/NavigationSlice.test.tsx

@@ -10,6 +10,7 @@ const { showNavBar, updateSelectedNavBarRoute } = navigationActions;
 describe('navigationSlice', () => {
     it('should have the correct initial state', () => {
         const initialState = navigationSlice.reducer(undefined, {
+            // @ts-ignore
             type: undefined,
         });
         expect(initialState).toEqual({

__tests__/unit/redux/slice/NotificationSlice.test.tsx

@@ -7,6 +7,7 @@ import {
 describe('NotificationSlice', () => {
     it('should have the correct initial state', () => {
         const initialState = notificationSlice.reducer(undefined, {
+            // @ts-ignore
             type: undefined,
         });
         expect(initialState).toEqual({ notifications: [] });

__tests__/unit/redux/slice/ThemeSlice.test.tsx

@@ -9,6 +9,7 @@ const { changeTheme, setHighContrastEnabled } = themeActions;
 describe('themeSlice', () => {
     it('should have the correct initial state', () => {
         const initialState: ThemeState = themeSlice.reducer(undefined, {
+            // @ts-ignore
             type: undefined,
         });
         expect(initialState).toEqual({

app.json

@@ -48,6 +48,7 @@
             "url": "https://u.expo.dev/027fbe3b-d508-4eb7-8c16-d259e6d78041"
         },
         "owner": "luximus",
-        "plugins": ["expo-font"]
+        "plugins": ["expo-font"],
+        "newArchEnabled": true
     }
 }

cypress.config.ts

@@ -4,7 +4,7 @@ export default defineConfig({
     fixturesFolder: 'cypress/fixtures',
 
     e2e: {
-        baseUrl: 'http://localhost:19006',
+        baseUrl: 'http://localhost:8081',
         projectId: 'cypress',
 
         setupNodeEvents(on, config) {

jest-setup.ts

@@ -4,7 +4,7 @@ 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/Libraries/Animated/NativeAnimatedHelper');
 jest.mock('react-native-vector-icons/FontAwesome5', () => 'FontAwesome5');
 jest.mock('react-native-webview', () => 'WebView');
 

jest.config.js

@@ -4,7 +4,7 @@ module.exports = {
     moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json'],
     setupFilesAfterEnv: ['./jest-setup.ts'],
     transformIgnorePatterns: [
-        'node_modules/(?!(jest-)?react-native|@react-native|@react-native-community|@react-navigation|expo-font|expo-modules-core|expo-asset|expo-constants|expo-file-system|expo-status-bar)',
+        'node_modules/(?!(jest-)?react-native|@react-native|@react-native-community|@react-navigation|expo-font|expo-modules-core|expo-asset|expo-constants|expo-file-system|expo-status-bar|react-redux)',
     ],
     moduleNameMapper: {
         '\\.(ttf)$': '<rootDir>/fonts.js',