Using `as` prop throws error when using TypeScript

The problem

Using the as prop on TwComponent and StyledComponent raises an error when using TypeScript. Not sure if the problem is directly related to twin.macro:

Property 'as' does not exist on type 'IntrinsicAttributes & ClassAttributes<HTMLAnchorElement> & AnchorHTMLAttributes<HTMLAnchorElement>'

Although using the prop works as expected in production if you use // @ts-expect-error to sidestep the issue.

[nonameolsson]

Update! I just got it to work (I think).

// twin.d.ts

// The 'as' prop for styled components
declare global {
    namespace JSX {
        interface IntrinsicAttributes<T> extends DOMAttributes<T> {
          as?: string | React.ElementType // CHANGE TO THIS
        }
    }
}

[ben-rogerson]

I’ve updated twin’s typescript docs to include the workaround.

Feel free to reopen if you want to adjust the core typings.