Merge pull request #1801 from GetStream/develop

Author: madsroskar

docusaurus/docs/reactnative/basics/offline_support.mdx

@@ -38,8 +38,11 @@ yarn add [email protected]
 
 2. **Add `react-native-quick-sqlite` dependency**
 
+> At the moment, support for only v4 of `react-native-quick-sqlite` is available.
+> Support for v5 of `react-native-quick-sqlite` will be introduced in one of the upcoming minor release.
+
 ```bash
-  yarn add react-native-quick-sqlite
+  yarn add react-native-quick-sqlite@4.0.8
   npx pod-install
 ```
 

docusaurus/docs/reactnative/customization/native_handlers.mdx

@@ -33,14 +33,6 @@ This should be done outside of the component lifecycle to prevent unnecessarily
 
 There are 13 handlers registered as they interact with different native API packages depending on if the SDK being used on Expo or vanilla React Native.
 
-### BlurView
-
-A component that blurs the view behind it.
-
-**React Native:** [`@react-native-community/blur`](https://github.com/Kureev/react-native-blur)
-
-**Expo:** [`expo-blur`](https://docs.expo.io/versions/latest/sdk/blur-view/)
-
 ### compressImage
 
 An async function that compresses an image and returns the local `uri` of the compressed image.

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

@@ -21,7 +21,6 @@ Easiest way to integrate push notifications in your Chat applications is using F
   - They were mentioned
 - Messages from muted users are not sent.
 - Messages are sent to all registered devices for a user (up to 25).
-- Up to 100 members of a channel will receive push notifications.
 - skip_push is marked as false, as described [here](https://getstream.io/chat/docs/javascript/send_message/?language=javascript#complex-example).
 - push_notifications is enabled (default) on the channel type for the sent message.
 
@@ -138,11 +137,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 +162,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 +183,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?.();
     };
   }, []);
 

examples/SampleApp/src/screens/ChannelImagesScreen.tsx

@@ -66,7 +66,11 @@ export const ChannelImagesScreen: React.FC<ChannelImagesScreenProps> = ({
     params: { channel },
   },
 }) => {
-  const { images, setImage, setImages } = useImageGalleryContext<StreamChatGenerics>();
+  const {
+    messages: images,
+    setMessages: setImages,
+    setSelectedMessage: setImage,
+  } = useImageGalleryContext<StreamChatGenerics>();
   const { setOverlay } = useOverlayContext();
   const { loading, loadMore, messages } = usePaginatedAttachments(channel, 'image');
   const {