Use the resolved Next.js config in next-plugin (#1099)

* use resolved next.js config instead * add changeset
vanilla-extract-css · May 26, 2023 · 0d1c17a · 0d1c17a
1 parent 00012e4
commit 0d1c17a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/.changeset/shiny-crews-rescue.md b/.changeset/shiny-crews-rescue.md
@@ -0,0 +1,5 @@
+---
+"@vanilla-extract/next-plugin": patch
+---
+
+Use the resolved Next.js config in `next-plugin`
diff --git a/packages/next-plugin/src/index.ts b/packages/next-plugin/src/index.ts
@@ -23,7 +23,7 @@ export const createVanillaExtractPlugin =
   (nextConfig: NextConfig = {}): NextConfig =>
     Object.assign({}, nextConfig, {
       webpack(config: any, options: any) {
-        const { dir, dev, isServer } = options;
+        const { dir, dev, isServer, config: resolvedNextConfig } = options;
 
         const cssRules = config.module.rules.find(
           (rule: any) =>
@@ -45,10 +45,10 @@ export const createVanillaExtractPlugin =
               isClient: !isServer,
               isServer,
               isDevelopment: dev,
-              future: nextConfig.future || {},
-              experimental: nextConfig.experimental || {},
+              future: resolvedNextConfig.future || {},
+              experimental: resolvedNextConfig.experimental || {},
               // @ts-ignore -- 'appDir' config is in beta
-              hasAppDir: nextConfig.experimental?.appDir,
+              hasAppDir: resolvedNextConfig.experimental?.appDir,
             } as any,
             () => lazyPostCSS(dir, getSupportedBrowsers(dir, dev), undefined),
             [],