Destructuring objects with typescript

Question

I'm trying to add types to the destructured variables however they are still returning any.

Questions: How can I add types while destructing?

  export interface TableReturnState {
    status: number;
    data: APIOrders[];
    columns: [] | JSX.Element[];
    sort: Function;
  }

  const { data, sort, columns, status }: TableReturnState = useTableHook(
    configuration
  );

jperl · Accepted Answer · 2021-02-17 18:40:04Z

1

Because that's not the way to do it.

You don't decide what useTableHook returns, it's on the useTableHook to say what it returns. Destructured items will then have their correct typings.

Something like this :

useTableHook = (configuration: Configuration): TableReturnState => ...

answered Feb 17, 2021 at 18:40

jperl

5,1912 gold badges19 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mellet · Accepted Answer · 2021-02-17 18:38:31Z

1

Your example works fine for me.
But you can try:

interface TableReturnState {
  status: number;
  data: APIOrders[];
  columns: [] | JSX.Element[];
  sort: Function;
}

function useTableHook(config: TypeOfConfig): TableReturnState {
  // Your code
}

const { data, sort, columns, status } = useTableHook(configuration);

answered Feb 17, 2021 at 18:38

Mellet

1,3061 gold badge11 silver badges14 bronze badges

Collectives™ on Stack Overflow

Destructuring objects with typescript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related