React-Native JSX code to minify using terser - react-native

Question

I am using terser to minify React-native code but I cannot seem to find the appropriate options needed to minify React-native code and so I am getting the error "Unexpected token operator (<)".
import {StyleSheet, Button, TextInput, View, Text, Alert} from 'react-native';
import React from 'react';
const FormInput = () => {
const [formValue, setFormValue] = React.useState({
username: '',
password: '',
email: '',
phone_number: '',
});
const handleChangeText = (key, value) => {
console.log('first');
setFormValue(prev => ({...prev, [key]: value}));
};
return (
<View style={styles.container}>
<Text style={styles.header}>Sign Up</Text>
<TextInput
style={styles.input}
onChangeText={value => handleChangeText('username', value)}
value={formValue.username}
placeholder="Username"
/>
<TextInput
style={styles.input}
onChangeText={value => handleChangeText('password', value)}
value={formValue.password}
placeholder="password"
secureTextEntry={true}
/>
<TextInput
style={styles.input}
onChangeText={value => handleChangeText('email', value)}
value={formValue.email}
placeholder="email"
type
/>
<TextInput
style={styles.input}
onChangeText={value => handleChangeText('phone_number', value)}
value={formValue.phone_number}
placeholder="phone_number"
/>
<Button
title="Sign Up"
onPress={() => Alert.alert('Cannot press this one')}
/>
</View>
);
};
export default FormInput;
const styles = StyleSheet.create({
container: {
flex: 1,
padding: '5%',
},
input: {
height: 40,
margin: 12,
backgroundColor: '#F1F1F1',
borderRadius: 10,
padding: 10,
},
signup_button: {
borderWidth: 1,
borderRadius: 10,
},
header: {
fontSize: 40,
fontWeight: '700',
textAlign: 'center',
color: '#000',
},
});
I am trying to minify or uglify this code, I have tried using terser as well.
terser index.js --parse spidermonkey --compress --comments --module -o index.min.js
I have tried multiple methods to minify and every method gives an error at the <TextInput> line.
ERROR: Unexpected token i in JSON at position 0
at JSON.parse (<anonymous>)
at D:\reactnative\forminput_test\src\form-test\node_modules\terser\dist\bundle.min.js:29917:40
at Array.reduce (<anonymous>)
at convert_ast (D:\reactnative\forminput_test\src\form-test\node_modules\terser\dist\bundle.min.js:29893:61)
at run_cli (D:\reactnative\forminput_test\src\form-test\node_modules\terser\dist\bundle.min.js:29916:29)
at run_cli (D:\reactnative\forminput_test\src\form-test\node_modules\terser\dist\bundle.min.js:29890:11)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.