docs(push): unsubscribe of push token was not called properly (#1786)

* fix(docs): unsubscribe of push token was not called properly

* fix(docs-v1): unsubscribe of push token was not called properly

Author: santhoshvai

docusaurus/docs/reactnative/guides/push_notifications_v1.mdx

@@ -118,11 +118,13 @@ const requestPermission = async () => {
 
 const App = () => {
   const [isReady, setIsReady] = useState(false);
+  const unsubscribeTokenRefreshListenerRef = useRef<() => void>();
 
   useEffect(() => {
-    let unsubscribeTokenRefreshListener;
     // Register FCM token with stream chat server.
     const registerPushToken = async () => {
+      // unsubscribe any previous listener
+      unsubscribeTokenRefreshListenerRef.current?.();
       const token = await messaging().getToken();
       await client.addDevice(token, 'firebase');
 
@@ -144,7 +146,7 @@ const App = () => {
 
     return async () => {
       await client?.disconnectUser();
-      unsubscribeTokenRefreshListener?.();
+      unsubscribeTokenRefreshListenerRef.current?.();
     };
   }, []);
 

docusaurus/docs/reactnative/guides/push_notifications_v2.mdx

@@ -138,11 +138,13 @@ const requestPermission = async () => {
 
 const App = () => {
   const [isReady, setIsReady] = useState(false);
+  const unsubscribeTokenRefreshListenerRef = useRef<() => void>();
 
   useEffect(() => {
-    let unsubscribeTokenRefreshListener;
     // Register FCM token with stream chat server.
     const registerPushToken = async () => {
+      // unsubscribe any previous listener
+      unsubscribeTokenRefreshListenerRef.current?.();
       const token = await messaging().getToken();
       const push_provider = 'firebase';
       const push_provider_name = 'MyRNAppFirebasePush'; // name an alias for your push provider (optional)
@@ -161,7 +163,7 @@ const App = () => {
         }
       };
 
-      unsubscribeTokenRefreshListener = messaging().onTokenRefresh(async newToken => {
+      unsubscribeTokenRefreshListenerRef.current = messaging().onTokenRefresh(async newToken => {
         await Promise.all([
           removeOldToken(),
           client.addDevice(newToken, push_provider, USER_ID, push_provider_name),
@@ -182,7 +184,7 @@ const App = () => {
 
     return async () => {
       await client?.disconnectUser();
-      unsubscribeTokenRefreshListener?.();
+      unsubscribeTokenRefreshListenerRef.current?.();
     };
   }, []);
 

docusaurus/reactnative_versioned_docs/version-4.x.x/guides/push_notifications_v1.mdx

@@ -118,11 +118,13 @@ const requestPermission = async () => {
 
 const App = () => {
   const [isReady, setIsReady] = useState(false);
+  const unsubscribeTokenRefreshListenerRef = useRef<() => void>();
 
   useEffect(() => {
-    let unsubscribeTokenRefreshListener;
     // Register FCM token with stream chat server.
     const registerPushToken = async () => {
+      // unsubscribe any previous listener
+      unsubscribeTokenRefreshListenerRef.current?.();
       const token = await messaging().getToken();
       await client.addDevice(token, 'firebase');
 
@@ -144,7 +146,7 @@ const App = () => {
 
     return async () => {
       await client?.disconnectUser();
-      unsubscribeTokenRefreshListener?.();
+      unsubscribeTokenRefreshListenerRef.current?.();
     };
   }, []);
 

docusaurus/reactnative_versioned_docs/version-4.x.x/guides/push_notifications_v2.mdx

@@ -133,11 +133,13 @@ const requestPermission = async () => {
 
 const App = () => {
   const [isReady, setIsReady] = useState(false);
+  const unsubscribeTokenRefreshListenerRef = useRef<() => void>();
 
   useEffect(() => {
-    let unsubscribeTokenRefreshListener;
     // Register FCM token with stream chat server.
     const registerPushToken = async () => {
+      // unsubscribe any previous listener
+      unsubscribeTokenRefreshListenerRef.current?.();
       const token = await messaging().getToken();
       const push_provider = 'firebase';
       const push_provider_name = 'MyRNAppFirebasePush'; // name an alias for your push provider (optional)
@@ -156,7 +158,7 @@ const App = () => {
         }
       };
 
-      unsubscribeTokenRefreshListener = messaging().onTokenRefresh(async newToken => {
+      unsubscribeTokenRefreshListenerRef.current = messaging().onTokenRefresh(async newToken => {
         await Promise.all([
           removeOldToken(),
           client.addDevice(newToken, push_provider, USER_ID, push_provider_name),
@@ -177,7 +179,7 @@ const App = () => {
 
     return async () => {
       await client?.disconnectUser();
-      unsubscribeTokenRefreshListener?.();
+      unsubscribeTokenRefreshListenerRef.current?.();
     };
   }, []);