Estoy atascado en hacer que los componentes funcionen.

Creo que tiene algo que ver con handleChange pero no puedo resolverlo.

 import React, { useState } from 'react'; export default function FindCountry({ setNews }) { const [idInput, setIdInput] = useState(''); const [errors, setErrors] = useState(''); function getCountryID() { const url = `https://newsapi.org/v2/top-headlines?country=${idInput}&apiKey=${process.env.REACT_APP_GIPHY_KEY}`; fetch(url) .then((res) => res.json()) .then((res) => { console.log('We have data!', res); setIdInput(res); setErrors(''); }) .catch((error) => { console.error(error); setErrors('Invalid Input'); }); } function handleChange(e) { setIdInput(e.target.value); } function handleSubmit(e) { e.preventDefault(); getCountryID(); }