The specified property is not present on the given type

I am receiving data from an API, and I have defined its structure like this

interface DailyData {
  dt: number;
  sunrise: number;
  sunset: number;
  moonrise: number;
  moonset: number;
  moon_phase: number;
  temp: {day: number, eve: number, max: number, min: number, morn: number, night: number}[];
  feels_like: {day: number, night: number, eve: number, morn: number}[];
  pressure: number;
  humidity: number;
  dew_point: number;
  wind_speed: number;
  wind_deg: number;
  wind_gust: number;
  weather:  { id: number, main: string, description: string, icon:string }[];
  clouds: number;
  pop: number;
  uvi: number;
}

interface WeatherProps{
  weather:{
    lat: number;
    lon: number;
    timezone: string;
    timezone_offset: number;
    daily: DailyData[];
  }
}

When trying to access props.weather.daily.weather[0], it gives me the error "Property 'weather' does not exist on type 'Daily[]'." Why is that happening and how do I resolve this issue?

jsontypescript

Answer №1

daily is an array, therefore you cannot directly access daily.weather. It appears that you may have intended to access the first element of the array's weather property using daily[0].weather.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Capturing JSON data into a field

I have recently started using scrapy to extract JSON data, but I've encountered an issue where the description includes both the amount and its type (e.g. g, gr, kg, L). Is there a way to separate this information and store it in additional fields? I ...

pythonjsonscrapy

Guide to converting a string into an undefined type

I've been working on parsing a csv file: let lines = csvData.split(/\r\n|\n/); let headers = lines[0].split(','); for (let i = 1; i < lines.length; i++) { let values = lines[i].split(','); ...

javascriptangulartypescriptcsv

Steps for incorporating a legitimate JSON string into an object

My code currently looks like this: type Info struct { Ids []string `json:"ids"` assignment string `json:"assignment"` } However, the assignment field contains a large hardcoded JSON string that is read from a file. In ...

jsongo

Converting Python Beautiful Soup data to JSON format by dynamically assigning a variable as key and value

Currently, I am working on a web scraping project where I need to iterate through a table and store the data in a JSON file. Although my code is functioning correctly, it only captures the last cell of the table as the key/value pair. I have attempted var ...

pythonjsonpython-3.xbeautifulsoup

Can you please provide information on the specific type of decorator used in Vuex, known as the 'vuex-class' decorator

My TypeScript project has the 'no-implicit-any' rule enabled, but I'm facing challenges when it comes to defining types for all of the 'vuex-class' decorators. For instance, when importing the namespaced action @(namespace('f ...

typescriptvue.jsvuex

Fetching JSON and API data to populate Graphs for Android Application

I'm currently working on an Android app using Kotlin to track Covid-19 data. I've implemented retrofit to fetch the information from an API provided by CovidActNow.org, which requires an API key. However, when testing my app, the data is not bein ...

javaandroidjsonapikotlin

Setting up TypeScript compilation for TS modules in an AngularJs application: A comprehensive guide

After conducting a test, it has come to my attention that TypeScript 2.6.2 imposes a requirement where imported elements need to be used in a new before the module is referenced in a require. The test is based on the following code snippets extracted from ...

angularjstypescript

I'm just starting out with jQuery and JSON and could use some assistance with formatting the string, specifically so I can properly iterate through it

This is the controller. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> @RequestMapping("/getDropDownAjax") public void fetchData(HttpServletRequest req,HttpServletResponse resp){ System.out.println ...

javascriptjson

Tips for bypassing the 'server-only' restrictions when executing commands from the command line

I have a NextJS application with a specific library that I want to ensure is only imported on the server side and not on the client side. To achieve this, I use import 'server-only'. However, I also need to use this file for a local script. The i ...

typescriptwebpacknext.jstsx

Zero-length in Nightmare.js screenshot buffer: an eerie sight

I'm currently working on a nightmare.js script that aims to capture screenshots of multiple elements on a given web page. The initial element is successfully captured, but any subsequent elements below the visible viewport are being captured with a l ...

javascripttypescriptscreenshotnightmare

Angular Pipe -- Implicit type 'any' error occurs when trying to index type 'string' with an expression

Encountering an error while constructing the time ago pipe: Obtaining an implicit 'any' type due to inability to index type with a 'string' expression if (value) { const seconds = Math.floor( (+new Date() - +new Date(Numb ...

angulartypescript

Encountering an uncaughtException: Error stating that the module '....nextserverapphomelibworker.js' cannot be located while attempting to utilize pino.transport in Next.js

I recently set up a Next.js project with typescript using create-next-app. Opting for Pino as the logging library, recommended by Next.js, seemed like the logical choice. Initially, when I utilized Pino without incorporating its transport functionality, e ...

typescriptnext.jsnext.js13pinojspino

Velocity: The initial parameter was not recognized as a property mapping

I've been experimenting with Velocity for animations (without jQuery), but I'm running into an issue where I keep getting this error message: Velocity: First argument ([object HTMLDivElement]) was not a property map, a known action, or a regis ...

javascripttypescriptvelocity.js

Having trouble deserializing date time in JSON while using ASP.NET, C#.NET or VB.NET with WCF WebService

When I receive datetime in JSON format as - "\/Date(1261413600000+0530)\/" I am utilizing the DataContractJsonSerializer.ReadObject method in my code behind to deserialize the data. However, the converted datetime is not accurate. What is the ...

asp.netjsonjsonp

Top approach for implementing input validation with Asp.Net Mvc 1.0, Json, and jQuery Ajax

After reading multiple blogs and posts on input validation in Mvc 1.0, I noticed that there are several effective solutions mentioned for non-Ajax scenarios. However, when it comes to using jQuery Ajax, I am curious to know what your preferred method is ...

jqueryasp.net-mvcajaxjsonvalidation

Generate an array of identifiers from a pre-existing array

I am facing a challenge where I need to create an array of IDs for each element in an existing array whose size is unknown. The twist here is that every set of four elements should have the same ID. As an illustration, if the original array (let's ca ...

javascriptarraystypescript

The inferred type of a TypeScript promise resolved incorrectly by using the output value from a callback function

Although some sections of the code pertain to AmCharts, the primary focus of the question is related to TypeScript itself. The JavaScript functions within the AmCharts library perform the following tasks: export function createDeferred(callback, scope) { ...

typescriptamchartsamcharts4

Trouble with Styling React-Toastify in TypeScript: struggling to adjust z-index in Toast Container

Currently in the process of developing a React application utilizing TypeScript, I have incorporated the React-Toastify library to handle notifications. However, encountering some challenges with the styling of the ToastContainer component. Specifically, ...

cssreactjstypescriptreact-toastify

What is the best method for retrieving JSON POST data in ASP.NET Web Forms?

I have implemented some jquery code on my website to post data. Currently, I am testing the code by posting JSON data. However, I am facing difficulties in retrieving the data on the back-end once it has been posted. Typically, I have used Request.Params ...

jqueryasp.netjsonpostwebforms

Fetch a JSON object from a URL using SwiftUI

I am attempting to utilize a JSON file with a single object stored on a website. My goal is to showcase one of the variables (spot) from the JSON file within the Text inside the ZStack. However, I am encountering an issue with defining the @State variable ...

jsonswiftswiftuidecode