Make <reference types="styled-jsx" /> include global.d.ts?

[addlistener]

We cannot do <reference types="styled-jsx/global" />. And import 'styled-jsx/global'; does not work either.

I believe it's a huge pain point for people to use styled-jsx smoothly. https://github.com/vercel/styled-jsx/issues/90

We have to write a duplicated global.d.ts for the typescript code to work. Next.js do it this way. It does not make sense for people to do it every time they want to use it.

[addlistener]

I managed to make it work using import type from 'styled-jsx/global'. Wouldn't it be nice that we document it?

Or could we explicitly export <reference types="styled-jsx/global" />?

[github-actions[bot]]

:tada: This issue has been resolved in version 5.1.2 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket:

[adarshaacharya]

@addlistener using Next 13.x and still facing same issue, For now created custom.d.ts in src/ and pasted given code it works now

import 'react';

declare module 'react' {
  interface StyleHTMLAttributes<T> extends React.HTMLAttributes<T> {
    jsx?: boolean;
    global?: boolean;
  }
}

Are there any better option than that?

[addlistener]

@adarshaacharya

Have you tried the following?

1. checking your styled-jsx version?
2. import type from 'styled-jsx/global'
3. <reference types="styled-jsx/global" />