Improve the error message for dynamic css functions when returning in…

…valid values
DigitecGalaxus · Dec 4, 2024 · 1973100 · 1973100
1 parent 3d6e505
commit 1973100
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/blue-donuts-behave.md b/.changeset/blue-donuts-behave.md
@@ -0,0 +1,5 @@
+---
+"next-yak": patch
+---
+
+Improve the error message for dynamic css functions when returning invalid values
diff --git a/packages/next-yak/runtime/cssLiteral.tsx b/packages/next-yak/runtime/cssLiteral.tsx
@@ -169,7 +169,7 @@ const recursivePropExecution = (
       throw new Error(
         `Dynamic CSS functions must return a string or number but returned ${JSON.stringify(
           result,
-        )}`,
+        )}\n\nDynamic CSS function: ${fn.toString()}\n`,
       );
     }
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -169,7 +169,7 @@ const recursivePropExecution = ( @@
           throw new Error(
             `Dynamic CSS functions must return a string or number but returned ${JSON.stringify(
               result,
-            )}`,
+            )}\n\nDynamic CSS function: ${fn.toString()}\n`,
           );
         }
       }
@@ Expand Down @@