When building my React + Vite + Typescript + Ionic project, I see the following warning:
vite v5.1.1 building for production...
src/pages/Home.tsx (1:0) A comment
"/*#__PURE__*/"
in "src/pages/Home.tsx" contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.
If you look at Home.tsx you will see I am wrapping the IonHeader component provided by the Ionic library with the Linaria styled API.
When doing this, I get the above console warning.
If I change styled(IonHeader) to styled.div the warning is gone.
Environment
Description
When building my React + Vite + Typescript + Ionic project, I see the following warning:
If you look at Home.tsx you will see I am wrapping the
IonHeader
component provided by the Ionic library with the Linaria styled API.When doing this, I get the above console warning.
If I change
styled(IonHeader)
tostyled.div
the warning is gone.Reproducible Demo
pnpm i
pnpm build
I am not sure if this is an Ionic, linaria or wyw issue, but I am guessing wyw because I do not get this warning when using the Emotion styled API.