TTC
Theo's Typesafe Cult•15mo ago
JulieCezar

TS - how to extract type from Picked array

I have the following type: 
type ChallengeInput = {
  title: string,
  sections: Array<{
    title: string;
    description: string;
    videoId: string;
    collectionId: string;
    libraryId: number;
  }>;
};
type ChallengeInput = {
  title: string,
  sections: Array<{
    title: string;
    description: string;
    videoId: string;
    collectionId: string;
    libraryId: number;
  }>;
};
And I want to get the type of a Section. 
type Section = Pick<ChallengeInput, "sections">[number]
type Section = Pick<ChallengeInput, "sections">[number]
However this throws an error has no matching index signature for type number... Any suggestions?
3 Replies
Sybatron
Sybatron•15mo ago
type Section = ChallengeInput["sections"][number]; this should do the job
Unknown User
Unknown User•15mo ago
Message Not Public
Sign In & Join Server To View
JulieCezar
JulieCezar•15mo ago
Makes sense, ty both 😄
Want results from more Discord servers?
Add your server
More Posts
Routing patternsContext My app has a thing called spaces where you can access multiple tabs like "Tasks", "Journeystypedefs for useState across components with object arraysWe have a `Parent` and a `Child` component. inside of parent we init the following state: ```tsx Migrate prisma on deployIs there any way to automatically run migrations when deploying to vercel?How to define an async procedure?```ts export const exampleRouter = createTRPCRouter({ hello: publicProcedure .input(z.object({any tips for styling mobile and desktopI'm full stack, but css isn't my strong suit. I just finished my deployment pipeline. Now it's timeWhat is the convention for customizing sign-in pages in NextAuthIs there any example of custom pages for NextAuth authentication, something that I can follow the sHow to create new tRPC api route calling external apiHi I have this app where I want to add a new prompt api route in `server/api/routers/prompt.ts` of twebhooks | clerk turbo repo | createCaller | Cannot set headers after they are sent to the client```import { Webhook } from "svix"; import { buffer } from "micro"; import { ClerkResponse } from "..