JSON Parse error: Unrecognized token'<' - in React Native - react-native

Question

I have a problem in React Native. The message is like this JSON Parse error: Unrecognized token '<'. This happens when I do fetch.
import React from 'react';
import { FlatList, ActivityIndicator, Text, View } from 'react-native';
export default class FetchExample extends React.Component {
constructor(props) {
super(props);
this.state ={ isLoading: true}
}
componentDidMount() {
return fetch("http://10.0.3.2:80/api/user", {
headers: {
"Content-Type": "application/json",
"Accept": "application/json, text/plain, */*"
},
method: 'GET'
}).then((response) => response.json())
.then((responseJson) => {
this.setState({
isLoading: false,
dataSource: responseJson.user,
}, function(){
});
})
.catch((error) => {
console.error(error);
});
}
render() {
if(this.state.isLoading) {
return(
<View style={{flex: 1, padding: 20}}>
<ActivityIndicator/>
</View>
)
}
return(
<View style={{flex: 1, paddingTop:20}}>
<FlatList
data={this.state.dataSource}
renderItem={({item}) => <Text>{item.email}</Text>}
keyExtractor={({id}, index) => id}
/>
</View>
);
}
}
This is my JSON. I build in Laravel.
return->response()->json(['user', $user])
["user",[{"id":1,"name":"","email":"danang#gmail.com","email_verified_at":null,"created_at":null,"updated_at":null}]]

Answer 1

I think you json formate is not correct
Please try this json
{
"user":[{
"id":1,
"name":"",
"email":"danang#gmail.com",
"email_verified_at":null,
"created_at":null,
"updated_at":null}]}