vite + react: PURE annotation that Rollup cannot interpret

[BPreisner]

Packages:

• wyw-in-js version: 0.5.1
• Bundler: [email protected]
• @linaria/[email protected]

Description

There is an issue with simple styled interpolation upon vite build.

When building with Vite:

I was trying to switch from styled-components to linaria for our components library and this error is populated for every interpolation in the project. I worry that it's not just a polite warning and may lead to breaking something later.

Reproducible Demo

https://stackblitz.com/edit/vitejs-vite-gfwqu5?file=src%2FApp.tsx

$ npm run build

(There is no issue when running dev command)

[aeharding]

Related to #62 probably?

[kriakiku]

Same. With rollup:

{
  "@wyw-in-js/rollup": "0.5.4",
  "@linaria/react": "6.2.1",
  "rollup": "4.24.0"
}

Example of how JS differs after bundling (Left is version 4 of linaria, right is version 6):

[agriffis]

I tried to use patch-package to change these to /*#__NO_SIDE_EFFECTS__*/ but still got a bunch of complaints from rollup. Has anybody else tried this?

[aeharding]

I tried to use patch-package to change these to /#NO_SIDE_EFFECTS/ but still got a bunch of complaints from rollup. Has anybody else tried this?

No... but it seems harmless enough. I am using Rollup's 'onwarn' option to ignore the warnings for this.

[agriffis]

No... but it seems harmless enough. I am using Rollup's 'onwarn' option to ignore the warnings for this.

Sure, you can ignore the warnings. I was hoping to enable the optimization that the pragma intends to achieve, which the warnings indicate is not working.