From 00f28ca3f6b65cacbd0a4662e704f9130f52def6 Mon Sep 17 00:00:00 2001
From: Jason Galea <jason@lecstor.com>
Date: Thu, 4 Jul 2024 20:22:48 +1000
Subject: [PATCH] Fix #78 rule is not iterable error (#79)

* fix #78 rule is not iterable error

* add changeset
---
 .changeset/few-pumpkins-occur.md         | 5 +++++
 packages/vite-plugin-stylex/src/main.mts | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/few-pumpkins-occur.md

diff --git a/.changeset/few-pumpkins-occur.md b/.changeset/few-pumpkins-occur.md
new file mode 100644
index 0000000..2ef3d23
--- /dev/null
+++ b/.changeset/few-pumpkins-occur.md
@@ -0,0 +1,5 @@
+---
+"vite-plugin-stylex": patch
+---
+
+Remove undefined values from rules array before passing to stylex babel plugin.
diff --git a/packages/vite-plugin-stylex/src/main.mts b/packages/vite-plugin-stylex/src/main.mts
index 94961ac..7b7899a 100644
--- a/packages/vite-plugin-stylex/src/main.mts
+++ b/packages/vite-plugin-stylex/src/main.mts
@@ -127,7 +127,7 @@ export default function styleXVitePlugin({
 
     // @ts-ignore
     const stylexCSS = stylexBabelPlugin.processStylexRules(
-      rules,
+      rules.filter(Boolean),
       true
     ) as string;