Make React types more compatible with other libraries

[thecrypticace]

As a part of this we have done a few things:

1. Every component now has an explicitly exported PropsComponentNameHere type which is appropriately generic and represents what you can pass to a component's props. Note that this will include props inherited from the component's tag.
2. We've adjusted the types to "eliminate" the "forward ref-ness" of the component which appears to break things for several components. We now type each component's interface more explicitly while including displayName and enabling inference to continue working (this was way more difficult than it should've been 🙃 )

Fixes #1365
Fixes #1394

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
headlessui-react	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 20, 2023 at 5:24PM (UTC)
headlessui-vue	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 20, 2023 at 5:24PM (UTC)

[thecrypticace]

oh hello wall of red text. Apparently have type errors to track down. 😓

[RobinMalfait]

Random off-topic side note: I think one way we can solve this is by introduce a different API using some factory like functions. Example:

let Combobox = createCombobox<TypeYouWant>()

Which could create the Combobox, Combobox.Input, Combobox.Option, ... components already scoped to the TypeYouWant 🤔

[thecrypticace]

Hah that's pretty good idea 🤔

Would be a good thing to explore for future improvements

[tomelliot]

I'm coming from #1394, looking through this commit to try and work out how to use props from a headless UI component.

I was stuck trying to work out what "types" to pass in to the SwitchProps (without any TS gives Generic type 'SwitchProps' requires 1 type argument(s).ts(2314).

For others in the same boat, it looks like we can use the types that are valid for the headless UI component as property. So for a Switch that's button by default, and can be String | Component (from https://headlessui.com/react/switch)