pass theme with props when using useFela

robinweser · Feb 11, 2019 · 93e9e4c · 93e9e4c
1 parent 05e0b56
commit 93e9e4c
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/react-fela/src/useFela.js b/packages/react-fela/src/useFela.js
@@ -13,10 +13,15 @@ type HookInterface = {
 
 export default function useFela(props: Object = {}): HookInterface {
   const renderer = useContext(RendererContext)
-  const theme = useContext(ThemeContext)
+  const theme = useContext(ThemeContext) || {}
+
+  const propsWithTheme = {
+    ...props,
+    theme,
+  }
 
   function css(...rules: Array<Object | Function>) {
-    return renderer.renderRule(combineRules(...rules), props)
+    return renderer.renderRule(combineRules(...rules), propsWithTheme)
   }
 
   return {