fix(nextjs): styled-jsx and styled-components should have "use client…

…"; directive
nrwl · Apr 20, 2023 · 30d43bb · 30d43bb
1 parent 739b4c2
commit 30d43bb
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/next/src/generators/application/files/app/page.tsx__tmpl__ b/packages/next/src/generators/application/files/app/page.tsx__tmpl__
@@ -1,3 +1,6 @@
+<% if (styledModule && (styledModule === 'styled-jsx' || styledModule === 'styled-components'))  {%>
+'use client';
+<% }%> 
 <% if (styledModule && styledModule !== 'styled-jsx') {
   var wrapper = 'StyledPage';
 %>import styled from '<%= styledModule %>';<% } else {