我有一个react native/expo应用程序，我刚刚启动并创建了导航。我的代码是：

import { NavigationContainer, DefaultTheme } from '@react-navigation/native';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { StatusBar } from 'expo-status-bar';
import { useUser } from '@clerk/clerk-expo';

import AppStackNavigator from './Stack/AppStack';
import AuthStackNavigator from './Stack/AuthStackNavigator';
import LoadingComponent from '../components/LoadingComponent';

const Navigation = () => {
    const { isSignedIn, isLoaded } = useUser();

    return (
        <SafeAreaProvider>
            <StatusBar style="light" translucent={true} backgroundColor="transparent" animated />
            <NavigationContainer theme={DefaultTheme} fallback={<LoadingComponent />}>
                {!isLoaded && <LoadingComponent />}
                {isLoaded &&
                    isLoaded && isSignedIn ? <AppStackNavigator /> : isLoaded && <AuthStackNavigator />
                }
            </NavigationContainer>
        </SafeAreaProvider>
    );
};

export default Navigation;

由于一些未知的原因，我试图修复这个愚蠢的错误：

error: SyntaxError: /Users/me/Desktop/app/navigation/index.ts: Unexpected token, expected "</>/<=/>=" (16:23)

  14 |     return (
  15 |         <SafeAreaProvider>
> 16 |             <StatusBar style="light" translucent={true} backgroundColor="transparent" animated />
     |                        ^
  17 |             <NavigationContainer theme={DefaultTheme} fallback={<LoadingComponent />}>
  18 |                 {!isLoaded && <LoadingComponent />}
  19 |                 {isLoaded &&

和我有绝对0的想法是什么意思，我已经更新了@babel/核心到最新版本，删除node_modules & yarn.lock和重新安装2x和仍然错误是那里，我不能摆脱它.有没有人要帮忙？