You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Using React 19 with the version of TypeScript types mentioned in the upgrade guide (using pnpm overrides to avoid mismatching types) causes failures with the Emotion types:
@jsxImportSource of @emotion/react
/** @jsxImportSource @emotion/react */exportdefaultfunctionChevronList(){return(// 💥 Property 'ul' does not exist on type 'JSX.IntrinsicElements'. ts(2339)<ul/>);}
@emotion/styled
importstyledfrom'@emotion/styled';constArrowListItem=// 💥 Property 'li' does not exist on type 'CreateStyled'. ts(2339)styled.li``
The problem
Using React 19 with the version of TypeScript types mentioned in the upgrade guide (using pnpm overrides to avoid mismatching types) causes failures with the Emotion types:
@jsxImportSource of @emotion/react
@emotion/styled
Relevant parts of my
package.json
:Proposed solution
@emotion/react
and@emotion/styled
should be updated to support React 19Alternative solutions
No viable alternatives I can think of, apart from not supporting React 19+
Additional context
--
The text was updated successfully, but these errors were encountered: