Invalid attempt to destructure non-iterable instance.

I am trying the picker on the expo app, I get this error. I tried the sample Single Date picker code. why is the destructing array but it expects an object.

Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.

const [date, setDate] = (React.useState < Date) | (undefined > undefined);
const [open, setOpen] = React.useState(false);

Changing it to this solves the problem but throws an errow setOpen is not a fucntion when I dismissed the modal

const {date, setDate} = (React.useState < Date) | (undefined > undefined);
  const {open, setOpen} = React.useState(false);