Como se puede ver en la imagen, recibo líneas de error en element.url, etc. de la línea no. 62. Estoy obteniendo datos de la API de noticias y, como resultado, obtengo una respuesta json que se ve así. Estoy pasando este título, descripción, etc. de la respuesta api a otro componente en mi aplicación de reacción como accesorios.

Ahora el error dice esto:

cualquiera | La propiedad 'título' no existe en el tipo 'nunca'.ts(2339)

Entonces mi pregunta es; ¿Hay alguna manera de declarar el resto de los campos de los datos json para que mi editor no dé este error? Aquí está mi código....

 constructor(props) { super(props); this.state = { articles: [], totalResults: 0, loading: false, page: 1, }; } async componentDidMount() { let apiKey = `https://newsapi.org/v2/top-headlines?country=in&apiKey=7e87c89bfbbd4b8b8bb0721d45a6d454&pageSize=18&page=${this.state.page}`; let data = await (await fetch(apiKey)).json(); this.setState({ articles: data.articles, totalResults: data.totalResults }); } render() { return ( <div className="container my-4"> <h2 id="heading">Top headlines of the day</h2> <div className="row my-4"> {this.state.articles.map((element) => { return ( <div className="col-md-4 mb-3" key={element.url}> <NewsItem title={element.title} description={element.description} imageUrl={element.urlToImage} more={element.url} /> </div> ); })} </div>