Jest-expo all tests fail after update to SDK 47 - react-native

Question

Before update my expo project to SDK 47, all test suites worked as a charm. But now I'm getting these kind of errors that I don't know how to solve it.
I've noticed those packages are written now with TS. Maybe the error is going around this. Do I need to change something in order to make packages with TS work?
Here are the versions that I'm using:
"devDependencies": {
"#babel/core": "^7.19.3",
"#babel/plugin-proposal-optional-chaining": "^7.16.7",
"#types/react-native": "~0.70.6",
"babel-eslint": "^10.1.0",
"babel-jest": "^26.6.3",
"babel-plugin-module-resolver": "^4.1.0",
"babel-preset-expo": "~9.2.1",
"concurrently": "^7.2.2",
"deprecated-react-native-prop-types": "^2.3.0",
"eslint": "^7.32.0",
"eslint-plugin-jest": "^24.7.0",
"eslint-plugin-react": "^7.29.4",
"husky": "^6.0.0",
"jest-expo": "^47.0.1",
"jest-json": "^1.1.1",
"postcss": "^8.4.14",
"react-native-jest-mocks": "^1.5.0",
"tailwindcss": "^3.1.4"
}
My jest config
"jest": {
"preset": "jest-expo",
"transformIgnorePatterns": [
"node_modules/(?!(jest-)?react-native|unimodules-permissions-interface|react-clone-referenced-element|#react-native(-community)?|expo(nent)?|#expo(nent)?/.*|react-navigation|#react-navigation/.*|#unimodules/.*|sentry-expo|native-base|#codler/react-native-keyboard-aware-scroll-view|react-native-paper|react-native-paper/.*|expo-modules-core|expo-modules-core/.*|)"
],
"setupFiles": [
"./jest-setup.js"
],
"setupFilesAfterEnv": [
"jest-json"
]
}
Any idea? I'd aprreciate your help.
UPDATE
This is an example test.
import Home from './Home';
import React from 'react';
import {
cleanup,
render,
} from '#testing-library/react-native';
import axios from 'axios';
import { Alert } from 'react-native';
import { MockedNavigator, waitFor } from '../../../helpers/testing';
jest.mock('axios');
jest.mock('./Home', () => './Home');
const mockedNavigate = jest.fn();
jest.mock("#react-navigation/native", () => {
const actualNav = jest.requireActual("#react-navigation/native");
return {
...actualNav,
useNavigation: () => ({
navigate: mockedNavigate,
dispatch: jest.fn(),
addListener: jest.fn(),
removeListener: jest.fn(),
}),
};
});
beforeAll(() => {
// Home uses fetch to reload the user, so mock fetch to return a
// fake user
global.fetch = jest.fn().mockResolvedValue({
status: 200,
ok: true,
json: () => Promise.resolve({ data: { user: {} } }),
});
});
afterEach(cleanup);
const setup = async () => {
return render(
<MockedNavigator
routes={[
{ name: 'Home', component: Home },
]}
/>
);
};
describe('API', () => {
test('Shows error when the request can not be completed', async () => {
axios.get.mockRejectedValue({
response: { data: undefined, status: 500 },
});
// Mock alert
Alert.alert = jest.fn();
await setup();
await waitFor(() => {
expect(Alert.alert).toHaveBeenCalledWith('Error', expect.any(String));
});
});
});
I've already have react-native-paper as a Provider, in my MockedNavigator as follows:
export const MockedNavigator = ({ routes }) => {
const { Screen, Navigator } = createStackNavigator();
return (
<NavigationContainer>
<Providers>
<ReservationProvider>
<Navigator>
{routes.map((props, index) => (
<Screen
key={index}
{...props}
/>
))}
</Navigator>
</ReservationProvider>
</Providers>
</NavigationContainer>
);
};
export const Providers = ({ children }) => (
<NotificationProvider>
<GeolocationProvider>
<SettingsProvider>
<OAuthProvider>
<TailwindProvider>
<ThemeProvider>
<PortalProvider>
<CalendarProvider>
<ForegroundNotification />
{children}
</CalendarProvider>
</PortalProvider>
</ThemeProvider>
</TailwindProvider>
</OAuthProvider>
</SettingsProvider>
</GeolocationProvider>
</NotificationProvider>
);
export const ThemeProvider = ({ children }) => {
const [themeWithFont, setThemeWithFont] = useState(theme);
useEffect(() => {
const loadFonts = async () => {
setThemeWithFont({
...theme,
fonts: {
...theme.fonts,
medium: { fontFamily: C.fontFamilyDefault },
}
});
};
loadFonts();
}, []);
return <PaperProvider theme={themeWithFont}>{children}</PaperProvider>;
};
import { Provider as PaperProvider } from 'react-native-paper';