Typescript intellisense

Hiya folks!

Tried to use this in a project and if I try and add a product using addItem and then try to map over the items afterwards, Typescript doesn’t seem to understand any of the other props that I passed in with my object. It is only doing intellisense on the Item

interface Item {
  id: string;
  price: number;
  quantity?: number;
  itemTotal?: number;
  [key: string]: any;
}

Seems to fully ignore [key: string]: any;

Is this expected behaviour?

[AaronLayton]

I realise after this that with TypeScript you can have generic components, so could be worth making a Provider that accepts a generic

type MyBasketProduct {
    legLength: number
}

<CartProvider<MyBasketProduct> id="basket" onItemAdd={(item) => console.log(item)}>
    <MainApp />
</CartProvider>

[Skidragon]

To add onto this, I would like this to be updated as well:

interface CartProviderState extends InitialState {
    addItem: (item: Item, quantity?: number) => void;
    removeItem: (id: Item["id"]) => void;
    updateItem: (id: Item["id"], payload: object) => void;
    updateItemQuantity: (id: Item["id"], quantity: number) => void;
    emptyCart: () => void;
    getItem: (id: Item["id"]) => any | undefined;
    inCart: (id: Item["id"]) => boolean;
}

There is no setItems: (items: Item[]) => void; in here. I’ve added PR for this fix, let me know if its good to go because its my first ever code fix on open source.