TypeScript inline definitions

[vorillaz]

Describe the bug
Hi there, thanks a ton for the amazing library, it is a breeze using it.
I have a question regarding TypeScript inline definitions using the as prop:
Is there any way to use theme-ui along with TypeScript without redeclaring and exporting the component?

A solution as following would be amazing:

<Box<AmazingLinkProps> as="a" href="/buzz"></Box>

Screenshots

[hasparus]

Hey @vorillaz 👋 Thanks for the issue!

This is a footgun and won't be supported. Typed as prop is the easiest way to make your TypeScript compilation slow. You can use sx prop and JSX pragma instead.

/** @jsxImportSource theme-ui */

<a sx={{ color: "primary" }} />