Destructure in TS

Question

Working through trying to learn TypeScript and I have a quick question about destructing something. Say I have an object. I need to destruct prior to using the variables. For instance:

type artProps = {
    articles: Article[],
    loading: boolean
}
type Article = {
    title: string,
    author: string,
    body: string,
    date: number,
    category: string,
    _id: string
}

const [articles, loading] = data

How would I destructure data while declaring the type?

Answer 1

Using the standard : type notation.

Example without destructuring

const foo:[number,string]  = data;

Example with destructuring

const [articles, loading]:[number,string] = data;