React 19 support

[Malien]

Now that react 19 is out this is a burning issue!

React 19 removed global JSX namespace from it's typings. As a result any styled component is typed as any. #1420 addresses this issue.

As a side note, the repo feels dead rn. Nothing was done in 9 months. Has linaria ran out of steam? Should we move on to a better supported solution?

As a workaround:

declare global {
  namespace JSX {
    interface IntrinsicElements extends React.JSX.IntrinsicElements {}
  }
}

[Firsh]

Is this why I'm getting Property 'div' does not exist on type 'Styled'. everywhere? Thank you for the workaround!

[Malien]

Is this why I'm getting Property 'div' does not exist on type 'Styled'. everywhere? Thank you for the workaround!

Not sure. I was getting

typeof styled.div`` == any

[jake8n]

defaultProps also breaks with React 19 #331

[Malien]

defaultProps also breaks with React 19 #331

To be fair, this is not linaria's fault. deafultProps were removed from function components entirely in react 19, and linaria never guaranteed nor documented the previous defaultProps behaviour.

https://react.dev/blog/2024/04/25/react-19-upgrade-guide#removed-proptypes-and-defaultprops

[jake8n]

defaultProps also breaks with React 19 #331

To be fair, this is not linaria's fault. deafultProps were removed from function components entirely in react 19, and linaria never guaranteed nor documented the previous defaultProps behaviour.

https://react.dev/blog/2024/04/25/react-19-upgrade-guide#removed-proptypes-and-defaultprops

Yes just calling out here as it is relevant to the React 19 compatibility. There is no alternative api and the linked issue was closed because defaultProps existed.