Синтаксическая ошибка JSX, неожиданный токен, ожидается "," ⇐ IOS

[Anonymous]

Я пытаюсь создать приложение JSX для iOS, но продолжаю получать эту ошибку и не знаю, почему. Я скопировал файл ts из файла домашнего экрана, который работает, поэтому не понимаю, почему я получаю его в этом файле.
Я думаю, что это может быть ошибка jest.config.js, поэтому Я пробовал обновить файл конфигурации, но это тоже не помогло.
Я очень признателен за любую помощь, которую вы можете мне оказать.

PillScanner.ts: Unexpected token, expected "," (14:6)

12 | return (
13 | 14 | source={require('../assets/background.jpg')}
| ^
15 | style={styles.background}
16 | >
17 | ]

Вот весь мой файл:
import { View, StyleSheet, ImageBackground, TouchableOpacity, Image } from 'react-native';

const PillScanner: React.FC = () => {
return (
















);
};

const styles = StyleSheet.create({
background: {
flex: 1,
resizeMode: 'cover',
},
bottomNav: {
flexDirection: 'row',
justifyContent: 'space-around',
position: 'absolute',
bottom: 20,
left: 0,
right: 0,
padding: 10,
backgroundColor: 'rgba(255, 255, 255, 0.7)',
borderRadius: 15,
marginHorizontal: 10,
},
navIcon: {
width: 24,
height: 24,
},
});

export default PillScanner;


Подробнее здесь: https://stackoverflow.com/questions/790 ... n-expected