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);

[RichardLindhout]

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

I think you’re pasting typescript code in your javascript code. Javascript version looks like

const [date, setDate] = React.useState(undefined)

[Kadweka]

change it from const [userInfo] = useContext(AuthContext) to const {userInfo}= useContext(AuthContext)