Skip to content

Commit 11e8b70

Browse files
committed
fix(next): inject CSS import after directives like 'use client'
Ensure the CSS import is placed after directive prologues to avoid errors such as "The 'use client' directive must be placed before other expressions."
1 parent 1dbbfd3 commit 11e8b70

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

packages/next/src/index.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,5 +13,5 @@ export default function (this: { resourcePath: string }, source: string): string
1313
const { transformed, css } = transform(this.resourcePath, source)
1414
if (!css) return transformed
1515
const base64Css = Buffer.from(css, 'utf8').toString('base64')
16-
return `import 'data:text/css;base64,${base64Css}';${transformed}`
16+
return transformed.replace(/^\w/m, `import 'data:text/css;base64,${base64Css}';$&`)
1717
}

0 commit comments

Comments
 (0)