Map over database results union type about notion-sdk-js

[danvega]

I also tried using a type guard here in the filter but using the following code

    const posts : Post[] = database.results
        .filter((response) => isFullPage(response))
        .map((response ) => ({
            id: response.id,
            title: response.properties.Name["title"][0].plain_text,
            slug: response.properties.Slug["rich_text"][0].plain_text,
            cover: response.properties.Image["files"][0]?.file.url
        }));

I got the following error:

 Argument of type
PageObjectResponse | PartialPageObjectResponse | PartialDatabaseObjectResponse | DatabaseObjectResponse
is not assignable to parameter of type
PageObjectResponse | PartialPageObjectResponse
Type  PartialDatabaseObjectResponse  is not assignable to type
PageObjectResponse | PartialPageObjectResponse
Type  PartialDatabaseObjectResponse  is missing the following properties from type  PageObjectResponse :  parent, icon, cover, created_by , and  6  more.

[danvega]

I tried to write my own type guard which seems to work a little bit better

    const posts : Post[] = database.results
        .filter(isPageObjectResponse)
        .map( (response) => ({
            id: response.id,
            title: response.properties.Name["title"][0].plain_text,
            slug: response.properties.Slug["rich_text"][0].plain_text,
            cover: response.properties.Image["files"][0]?.file.url
        }));

function isPageObjectResponse(response: any): response is PageObjectResponse {
    return !!response.properties;
}

Now it know that there is a property called properties but doesn't know about the specific properties I have like name,slug and Image.

Element implicitly has an  any  type because expression of type  "title"  can't be used to index type
{ type: "number"; number: number | null; id: string; } | { type: "url"; url: string | null; id: string; } | { type: "select"; select: SelectPropertyResponse | null; id: string; } | ... 18 more ... | { ...; }
Property  title  does not exist on type
{ type: "number"; number: number | null; id: string; } | { type: "url"; url: string | null; id: string; } | { type: "select"; select: SelectPropertyResponse | null; id: string; } | ... 18 more ... | { ...; }

[danvega]

Finally this works but just seems hacky to me. Sorry for the rambling, just taking you through my thought process

    const posts : Post[] = database.results
        .filter(isPageObjectResponse)
        .map( (response) => ({
            id: response.id,
            title: (response.properties.Name as any)["title"][0].plain_text,
            slug: (response.properties.Slug as any)["rich_text"][0].plain_text,
            cover: (response.properties.Image as any)["files"][0]?.file.url
        }));