Can not make linaria work in Nx+Next

[gedaaaa]

Environment

• NextJS: 12.2.5
• React: 17.0.2
• Node: 16.20.2
• MacOS 13.4.1
• Linaria version: 4.5.4
• Bundler (+ version): webpack 5.75.0

Description

I'm trying to migrate from styled-components to linaria but can not make it work.
my code base is a monorepo with NX, and I use NextJS 12 and React 17.

I have added next-linaria, it will work if all related code is in same app.
but when I import component from libs, it throws error: Error: Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup

my next configuration file is like:

const { withLinaria: withNxLinaria } = require('nx-linaria');

const withLinaria = require('next-linaria');

const nextConfig = {
...
const plugins = [
  withBundleAnalyzer,
  [
    withLinaria,
    {
      swcMinify: true,
    },
  ],
  withNxLinaria,
  withNx,
];

module.exports = compose(plugins, nextConfig);

and I have added below section to package.json to app directory and lib directory.

"babel": {
    "presets": [
      "next/babel",
      "@babel/preset-env",
      "@babel/preset-react",
      "@linaria",
      [
        "@nrwl/react/babel",
        {
          "runtime": "automatic"
        }
      ]
    ]
  }

Reproducible Demo

I have essential code extracted to this repo:

https://github.com/gedaaaa/linaria-demo

[EasonSoong]

same issue +1