使用 fetch api 对“任何”值的不安全分配/成员访问

Question

I don't know how to correct the linting error. Perhaps I just don't fully understand the issue, but it doesn't seem to matter what I do. I just can't seem to get rid of the error. I'd rather not disable the rule unless the issue is that my linting rules are just too strict.

I'm using this in a fetch with google geocode api.

fetch(uri)
        .then(res => (res.json() as Promise<google.maps.GeocoderResponse>))
        .then(data => {
            const result = data.results[0].geometry;
            // Unsafe assignment of an `any` value.
            // Unsafe member access .results on an `any` value.

        })

Any help would be appreciated.

Answer 1

Have you tried specifying the type of data ?

.then((data: <DEFINE TYPE HERE>)  => {
            const result = data.results[0].geometry;
        })

Answer 2

try this it will work

(data as google.maps.GeocoderResponse).results[0].geometry

else define custom type in typescript for geocoderresponse and use it. url