Fix dynamic styles update

lttb · lttb · commit 7d11a2ea211a · 2017-04-23T01:27:12.000+03:00
diff --git a/src/index.js b/src/index.js
@@ -63,15 +63,19 @@ const createStyled = (jss?: Function = jssDefault) => (baseStyles: Object = {})
         }
 
         if (dynamicStyles && !dynamicSheet.getRule(this.tagScoped)) {
-          dynamicSheet.detach()
           dynamicSheet.addRule(this.tagScoped, dynamicStyles)
-          dynamicSheet.update(this.tagScoped, this.props)
-          dynamicSheet.attach()
+          dynamicSheet
+            .update(this.tagScoped, this.props)
+            .deploy()
         }
       }
 
       componentWillReceiveProps(nextProps: StyledElementPropsType) {
-        if (dynamicStyles) dynamicSheet.update(this.tagScoped, nextProps)
+        if (dynamicStyles) {
+          dynamicSheet
+            .update(this.tagScoped, nextProps)
+            .deploy()
+        }
       }
 
       componentWillUnmount() {

Original file line number	Diff line number	Diff line change
`@@ -63,15 +63,19 @@ const createStyled = (jss?: Function = jssDefault) => (baseStyles: Object = {})`
`63`	`63`	`}`
`64`	`64`
`65`	`65`	`if (dynamicStyles && !dynamicSheet.getRule(this.tagScoped)) {`
`66`		`- dynamicSheet.detach()`
`67`	`66`	`dynamicSheet.addRule(this.tagScoped, dynamicStyles)`
`68`		`- dynamicSheet.update(this.tagScoped, this.props)`
`69`		`- dynamicSheet.attach()`
	`67`	`+ dynamicSheet`
	`68`	`+ .update(this.tagScoped, this.props)`
	`69`	`+ .deploy()`
`70`	`70`	`}`
`71`	`71`	`}`
`72`	`72`
`73`	`73`	`componentWillReceiveProps(nextProps: StyledElementPropsType) {`
`74`		`- if (dynamicStyles) dynamicSheet.update(this.tagScoped, nextProps)`
	`74`	`+ if (dynamicStyles) {`
	`75`	`+ dynamicSheet`
	`76`	`+ .update(this.tagScoped, nextProps)`
	`77`	`+ .deploy()`
	`78`	`+ }`
`75`	`79`	`}`
`76`	`80`
`77`	`81`	`componentWillUnmount() {`