diff --git a/.changeset/gold-steaks-begin.md b/.changeset/gold-steaks-begin.md
new file mode 100644
index 00000000..0ab6729a
--- /dev/null
+++ b/.changeset/gold-steaks-begin.md
@@ -0,0 +1,5 @@
+---
+"@devup-ui/react": patch
+---
+
+Fix styleVars type
diff --git a/packages/react/src/types/props/index.ts b/packages/react/src/types/props/index.ts
index 83e95c7d..d3b03cf6 100644
--- a/packages/react/src/types/props/index.ts
+++ b/packages/react/src/types/props/index.ts
@@ -69,5 +69,5 @@ export interface DevupProps<T extends React.ElementType>
     DevupSelectorProps,
     DevupThemeSelectorProps {
   as?: T
-  styleVars?: Record<string, string>
+  styleVars?: Record<string, string | undefined>
 }