re-render after width and height update

beekai-oss · Mar 14, 2019 · 7b60072 · 7b60072
1 parent 77305ed
commit 7b60072
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-flip-numbers",
-  "version": "2.1.3",
+  "version": "2.1.4-beta.2",
   "description": "react flip your numbers",
   "main": "lib/index.js",
   "keywords": [

diff --git a/src/flipNumber.js b/src/flipNumber.js
@@ -64,6 +64,8 @@ export default class FlipNumber extends React.Component<Props, State> {
   shouldComponentUpdate(nextProps: Props) {
     return (
       nextProps.activeNumber !== this.props.activeNumber ||
+      nextProps.height !== this.props.height ||
+      nextProps.width !== this.props.width ||
       this.state.degree === 0 ||
       nextProps.play !== this.props.play
     );

diff --git a/src/flipNumbers.js b/src/flipNumbers.js
@@ -31,6 +31,8 @@ export default class FlipNumbers extends React.Component<Props> {
   shouldComponentUpdate(nextProps: Props) {
     return (
       nextProps.numbers !== this.props.numbers ||
+      nextProps.height !== this.props.height ||
+      nextProps.width !== this.props.width ||
       nextProps.durationSeconds !== this.props.durationSeconds ||
       nextProps.delaySeconds !== this.props.delaySeconds ||
       nextProps.play !== this.props.play