This is my babel.config.js

module.exports = {
  presets: [
    'module:metro-react-native-babel-preset',
    '@babel/preset-typescript',
  ],

This is my jest.config.js

module.exports = {
  preset: 'react-native',
  testMatch: ['**/*.test.ts?(x)'],
  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
  transform: {
    '^.+\.tsx?$': 'babel-jest',
    '^.+\.(js|jsx)$': 'babel-jest',
  },
};

The error message is

SyntaxError: Cannot use import statement outside a module

> 1 | import analytics from '@react-native-firebase/analytics';

I have tried

'^.+\.tsx?$': 'ts-jest',

Then I get a different error

Details:

/Users/praveen/code_skoolbag/skoolbag-react-native/app/shared/widgets/postList/components/PostList.test.tsx:23
    (0, react_native_1.render)(<themeProvider_1.ThemeProvider>
                               ^

SyntaxError: Unexpected token '<'

But since I’m using these presets in my babel, it shouldn’t have problems transpiling the TS files right?

  presets: [
    'module:metro-react-native-babel-preset',
    '@babel/preset-typescript',
  ],