我收到一个错误，它指向react-native组件中的依赖项问题，但我找不到提到如何解决这个问题的帖子。它指出错误在'react-jsx-runtime.development.js'中
元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：您可能忘记了从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。检查“HeaderConfig”的呈现方法。
下面是我的index.js：

import { useState } from 'react'
// react-native components 
import { Text, View, ScrollView, SafeAreaView } from 'react-native'
// like react router
import { Stack, useRouter } from 'expo-router'

// import contants to style 
import { COLORS, icons, images, SIZES } from '../constants'

// import components. cmd+click to confirm scope 
import { Nearbyjobs, Popularjobs, ScreenHeaderBTN, Welcome } from '../components'

// const home = functional component where we can return view with text inside
const Home = () => {
    const router = useRouter();
        return (
            <SafeAreaView style={{ flex: 1, backgroundColor: COLORS.lightWhite }}>
                <Stack.Screen
                    options={{
                        headerStyle: { backgroundColor: COLORS.lightWhite },
                        headerShadowVisible: false,
                        headerLeft: () => (
                            <ScreenHeaderBTN iconUrl={icons.menu} dimension='60%' />
                        ),
                        headerRight: () => (
                            <ScreenHeaderBTN iconUrl={icons.profile} dimension='100%' />
                        )
                    }}
                />
            </SafeAreaView>
        )
}

export default Home;