fix pmndrs/react-three-next#129

Author: RenaudRohlinger

lib/stacks/next.js

@@ -335,17 +335,19 @@ const migrateTailwindToStyled = async (root, rootFolder) => {
       .replace(/app/, "@")
       .replace(/.jsx/, "");
 
-    if (rootFolder === "app" && newSource.includes("'use client'")) {
-      newSource = newSource.replace(
-        `'use client'`,
-        `'use client'\n import { ${componentNames.join(
-          ", "
-        )} } from '${styleFilePath}'\n`
-      );
-    } else {
-      newSource =
-        `import { ${componentNames.join(", ")} } from '${styleFilePath}'\n` +
-        newSource;
+    if (componentNames.length > 0) {
+      if (rootFolder === "app" && newSource.includes("'use client'")) {
+        newSource = newSource.replace(
+          `'use client'`,
+          `'use client'\n import { ${componentNames.join(
+            ", "
+          )} } from '${styleFilePath}'\n`
+        );
+      } else {
+        newSource =
+          `import { ${componentNames.join(", ")} } from '${styleFilePath}'\n` +
+          newSource;
+      }
     }
 
     const formatted = formatter(newSource);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-r3f-app",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "description": "The easiest and fastest way to create new 3D web projects with react and threejs.",
   "contributors": [
     "Renaud ROHLINGER <[email protected]>"