undefined is not a function (AppState.removeEventListener('change', this._handleAppStateChange)

[shahinyan11]

Hi! 👋

Firstly, thanks for your work on this project! 🙂

Today I used patch-package to patch react-native-countdown-component@2.7.1 for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-countdown-component/index.js b/node_modules/react-native-countdown-component/index.js
index b546b82..a5bc136 100644
--- a/node_modules/react-native-countdown-component/index.js
+++ b/node_modules/react-native-countdown-component/index.js
@@ -39,6 +39,8 @@ class CountDown extends React.Component {
     onFinish: PropTypes.func,
   };
 
+  appStateSubscription;
+
   state = {
     until: Math.max(this.props.until, 0),
     lastUntil: null,
@@ -51,12 +53,12 @@ class CountDown extends React.Component {
   }
 
   componentDidMount() {
-    AppState.addEventListener('change', this._handleAppStateChange);
+    this.appStateSubscription = AppState.addEventListener('change', this._handleAppStateChange);
   }
 
   componentWillUnmount() {
     clearInterval(this.timer);
-    AppState.removeEventListener('change', this._handleAppStateChange);
+    this.appStateSubscription.remove()
   }
 
   componentDidUpdate(prevProps, prevState) {

This issue body was partially generated by patch-package.

[fondue-tech]

We can say this package is dead. Thanks for diff

[sivastu]

great..

[jemilehin]

but the problem still exist @fondue-tech