Export namespace should be first transformed by `@babel/plugin-proposal-export-namespace-from`

I have created a new react-native project with the typescript template and I'm getting this error after installing the stack navigation libraries:

error: node_modules/react-native-reanimated/src/index.ts: /Users/talha/Projects/my_app_name/node_modules/react-native-reanimated/src/index.ts: Export namespace should be first transformed by `@babel/plugin-proposal-export-namespace-from`.  5 | export * from './reanimated1';  6 | export * from './reanimated2';> 7 | export * as default from './Animated';

My App.tsx is:

import React from 'react';import { NavigationContainer } from '@react-navigation/native';import { createStackNavigator } from '@react-navigation/stack';import { RootStackParamList } from '../../navigation/typings';import {default as LoginScreen} from '../../auth/views/Login';type Props = {};const RootStack =  createStackNavigator<RootStackParamList>();const App = ({}: Props) => {    return (<NavigationContainer><RootStack.Navigator initialRouteName='Login'><RootStack.Screen name='Login' component={LoginScreen} /></RootStack.Navigator></NavigationContainer>    );};export default App;

Where RootStackParamList is export type RootStackParamList = { Login: undefined; }