Can anyone explain why I am unable to utilize the Pick utility type in order to select a property from my interface and apply it to type my component's state?
This is what my interface looks like:
export interface IBooking {
...
propertyId: string | null;
...
}
In my component, this is how I have it set up:
const [propertyId, setPropertyId] = useState<Pick<IBooking, 'propertyId'>>('some-id');
When attempting to do this, I encounter the following error message:
TS2345: Argument of type 'string' is not assignable to parameter of type 'Pick | (() => Pick )'.
However, if I substitute
Pick<IBooking, 'propertyId'>string | null, it functions correctly. What exactly is the distinction here? Isn't this precisely the purpose of the Pick type? I have successfully used the Pick type elsewhere without issue. Could it be due to something specific about the useState hook?
Any insights on what may be missing would be greatly appreciated.
Thank you in advance.