type error with useMenu example from docs

[bstro]

I'm running into a type error when trying to type the useMenu example from the docs— I'm seeing a Type 'unknown' is not assignable to type 'object' error when trying to render the <Menu> component

https://codesandbox.io/s/frosty-hofstadter-n7rf4w?file=/src/components/MenuButton.tsx:952-1005

It looks like there's also a ts error on https://codesandbox.io/s/frosty-hofstadter-n7rf4w?file=/src/components/Menu.tsx:665-708 — i'm not experiencing this locally, but perhaps it is related.

[snowystinger]

Might be ts strict? Could you check what the ts config is?

[bstro]

Yep, I enable strict for all my ts projects. Is it recommended to disable strict to use React-ARIA?
edit: disabling strict mode does not resolve the TS error, however

[snowystinger]

It's not recommended, no, though we are not currently strict, so sometimes there are issues which is why I suspected it. We are working on becoming strict, we just aren't there yet.

Thank you for checking on it. Unfortunately I'm out sick today, so I'll have to look more at this later. @LFDanLu if you have some bandwidth.

[bstro]

Thanks @snowystinger! Hope ya feel better soon!

[LFDanLu]

I believe you have to supply <object> to useMenuTrigger: https://codesandbox.io/s/restless-paper-qylnk7?file=/src/components/MenuButton.tsx:618-684. That way you match with your type for TreeProps in Menu. As for the spread operation for collection, not sure why that is complaining, you should be able to spread an iterator. Perhaps a ES target issue in the sandbox.

[bstro]

Thank you. This worked great. I'm not experiencing that iterator error locally, so I'm good to go. Many thanks to you and @snowystinger

[bstro]

quoting @LFDanLu so I can mark as answer:

I believe you have to supply to useMenuTrigger: https://codesandbox.io/s/restless-paper-qylnk7?file=/src/components/MenuButton.tsx:618-684. That way you match with your type for TreeProps in Menu. As for the spread operation for collection, not sure why that is complaining, you should be able to spread an iterator. Perhaps a ES target issue in the sandbox.