Code-based nature means you can build on top of it to power anything.
Resources
DocumentationExamplesTemplatesGitHubBlog
Community
RoadmapDiscordCommunity Help
Payload Cloud

Deploy your entire stack in one place with Payload Cloud.

LoginCloud Pricing
It’s time to take back your content infrastructure.
Schedule a Demo
Enterprise Features
SSOPublishing WorkflowsVisual EditorStatic A/B testingAI features
Customer Stories
MicrosoftBlue OriginHello BelloMythical SocietyTekton
Featured Customer Story

Microsoft chose Payload to tell the world about AI.

Read the case study
New projectLogin
New projectLogin
Community Help

Extracting type from block results in "never", always (hehe)

default discord avatar
steveninety9 months ago
2

(typescript noob) How can I use typescript's Extract utility to extract a Block based on its blockType, without getting never?



Example type:


type Hero = Extract<Page['blocks'], { blockType: "homepage_hero" }>


Reference code from Payload repo:

https://github.com/payloadcms/payload/blob/dd0ff50621fd072a87a96237311d01f28c5b17ca/templates/website/src/app/_blocks/CallToAction/index.tsx

Playground:


https://www.typescriptlang.org/play?ts=4.8.4#code/JYOwLgpgTgZghgYwgAgApwOYoN4FgBQyywAJgFzIgCuAtgEbQDcBRYwYANhBQM5hSgMzQsh4cqGAPy9+g4UTocA9ggDWPacgAULIsjwi9egBYQ4JQZr4CQQ3UaIkIPBAIAObJSCuzb8h0RUbsrmmtT00PYOpD42doYOiiqqAHJwNBCxclFGSWoAKgCebtzIAOTGShlumBAA+qZQSmX+RgC+UQA++jl6CEocXAieIACSkDQaZL1G3QYBC8hQEBxwI-lKFGVuTQBWEMM8LTMLAG5w4qXhDFCti8htANoAuidEc28Oy6vrm+U7Sn2h2OCXuyHOlxkcU+RCezzuRhiUOyoL0eVS6UyyL8J3RRRKW36gwOI3GEEmIICHQSH1RRB4lQA7gARCDwKgcMAAMSUUBorJc7hGmjoSgGZhACL0MF5NDCtBuJyRol88UW6LSGSyOLpyDxxVKZRlfIAohESJSHNTZj1df1wBBwJp5vdHqpsRhnhQqCBVCAlIzJSc4VKiMrrCj1co1JqsSq4qG9dHVPjDRALGBeZb2roAJQvfw1ZZOijXaDIbroLD+OjLcyuBVTW1GEgqeURKAVtC1O5UKAcbVqvSrBgDj13cOq-wh3RBEhrdMAQTA490rjMkBIy9X+GtDwIujABuQAAloEpkABeZAmgAe-EQYAAPFWII8yuijs8ADT6JPJVMKAAIiJIZSQmHggIeAA+IA
  • default discord avatar
    diesieben079 months ago
    Page['blocks']

    is an array, which has no overlap with

    { blockType: "collectionItems" }

    , that's why you get

    never

    .


    What you want is

    Page['blocks'][number]

    to get the elements of the array. This however doesn't work either, because

    Page['blocks']

    is optional. You can fix that with

    NonNullable

    :


    type Hero = Extract<NonNullable<Page['blocks']>[number], { blockType: "collectionItems" }>
  • default discord avatar
    steveninety9 months ago

    That answers my question, thanks for this typescript lesson 🙂

Open

Continue the discussion in Discord

Star on GitHub

Star

Chat on Discord

Discord

online

Can't find what you're looking for?

Get help straight from the Payload team with an Enterprise License.