[pigment-css] Fix emotion styled error (#41699)

mui · Mar 29, 2024 · 9bcf6cf · 9bcf6cf
1 parent c6c0d6b
commit 9bcf6cf
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/packages/pigment-css-nextjs-plugin/package.json b/packages/pigment-css-nextjs-plugin/package.json
@@ -45,6 +45,7 @@
     "loader.js",
     "next-font.js",
     "next-image.js",
+    "third-party-styled.js",
     "zero-virtual.css",
     "package.json",
     "LICENSE"

diff --git a/packages/pigment-css-nextjs-plugin/src/index.ts b/packages/pigment-css-nextjs-plugin/src/index.ts
@@ -72,6 +72,9 @@ export function withPigment(nextConfig: NextConfig, pigmentConfig?: PigmentOptio
           if (what.startsWith('next/font')) {
             return require.resolve('../next-font');
           }
+          if (what.startsWith('@emotion/styled') || what.startsWith('styled-components')) {
+            return require.resolve('../third-party-styled');
+          }
           if (asyncResolve) {
             return asyncResolve(what, importer, stack);
           }

diff --git a/packages/pigment-css-nextjs-plugin/third-party-styled.js b/packages/pigment-css-nextjs-plugin/third-party-styled.js
@@ -0,0 +1,4 @@
+/* eslint-env node */
+module.exports = function DummyStyled() {
+  return () => () => null;
+};