React Native : Trying to fetch API and add to Flatlist

Question

trying to fethch data and insert to Flatlist, can someone show my mistake, tried almost everything, Tried to make like in Official Docs , but didnt help:

const [isLoading, setLoading] = useState(true);
  const [data, setData] = useState([]);
  
    useEffect(() => {
      fetch('https://app.sm117.ru/api/v1/contract/news/'),{
        method: "GET",
        headers: {"Content-type": "application/json; charset=UTF-8"}}

        .then((response) => response.json())
        .then((json) => setData(json.movies))
        .catch((error) => console.error(error))
        .finally(() => setLoading(false));
      }, []);
  
    return (
      <View style={{ flex: 1, padding: 24 }}>
        {isLoading ? <ActivityIndicator/> : (
          <FlatList
            data={data}
            keyExtractor={({ id }, index) => id}
            renderItem={({ item }) => (
              <Text>{item.id}, {item.title}</Text>
            )}
          />
        )}
      </View>
    );
  };

Why my code does not work???

Answer 1

Im not sure the file you are trying to get is JSON file

Answer 2

At least the last parentheses is missing after

headers: {"Content-type": "application/json; charset=UTF-8"}}

There should be a “)” to close the “fetch” call before “then”