1 files changed, 11 insertions, 8 deletions

diff --git a/src/features/delayApp/Component.js b/src/features/delayApp/Component.js
index 403340c7b..5c6ceaf86 100644
--- a/src/features/delayApp/Component.js
+++ b/src/features/delayApp/Component.js
@@ -6,7 +6,7 @@ import injectSheet from 'react-jss';
 
 import Button from '../../components/ui/Button';
 
-import { config } from './';
+import { config } from '.';
 import styles from './styles';
 
 const messages = defineMessages({
@@ -38,10 +38,14 @@ export default @inject('actions') @injectSheet(styles) @observer class DelayApp
     countdown: config.delayDuration,
   }
 
+  countdownInterval = null;
+
+  countdownIntervalTimeout = 1000;
+
   componentDidMount() {
     this.countdownInterval = setInterval(() => {
       this.setState({
-        countdown: this.state.countdown - this.countdownIntervalTimeout,
+        countdown: prevState => ({ value: prevState.countdown - this.countdownIntervalTimeout }),
       });
 
       if (this.state.countdown <= 0) {
@@ -55,9 +59,6 @@ export default @inject('actions') @injectSheet(styles) @observer class DelayApp
     clearInterval(this.countdownInterval);
   }
 
-  countdownInterval = null;
-  countdownIntervalTimeout = 1000;
-
   render() {
     const { classes, actions } = this.props;
     const { intl } = this.context;
@@ -71,9 +72,11 @@ export default @inject('actions') @injectSheet(styles) @observer class DelayApp
           buttonType="inverted"
           onClick={() => actions.ui.openSettings({ path: 'user' })}
         />
-        <p className="footnote">{intl.formatMessage(messages.text, {
-          seconds: this.state.countdown / 1000,
-        })}</p>
+        <p className="footnote">
+          {intl.formatMessage(messages.text, {
+            seconds: this.state.countdown / 1000,
+          })}
+        </p>
       </div>
     );
   }