docs: inform about android target sdk 33 requirements (#1311)

Preview from docs

<img width="883" alt="Screenshot"
src="https://github.com/GetStream/stream-video-js/assets/3846977/c41a7dab-5ef5-4b91-8d6e-ab37bdaabb4d">

Author: santhoshvai

packages/react-native-sdk/android/build.gradle

@@ -32,7 +32,7 @@ android {
   compileSdkVersion getExtOrIntegerDefault('compileSdkVersion')
   namespace "com.streamvideo.reactnative"
   defaultConfig {
-    minSdkVersion 16
+    minSdkVersion 24
     targetSdkVersion getExtOrIntegerDefault('targetSdkVersion')
     versionCode 1
     versionName "1.0"

packages/react-native-sdk/docusaurus/docs/reactnative/01-setup/02-installation/01-react-native.mdx

@@ -39,6 +39,28 @@ So what did we install precisely?
 
 ### Android Specific installation
 
+<!-- vale off -->
+#### Update the compileSdk, targetSdk and minSdk versions
+
+In `android/build.gradle` add the following inside the `buildscript` section:
+
+```java
+buildscript {
+    ext {
+        ...
+        minSdkVersion = 24
+        compileSdkVersion = 33
+        targetSdkVersion = 33
+    }
+    ...
+}
+```
+
+:::infoINFO
+We have to temporarily use targetSdkVersion 33 due to a lack of support for [dynamically setting foreground service types](https://github.com/invertase/notifee/issues/997#issuecomment-2036781216) in the notifee library. We are aware of the [August 31, 2024 deadline](https://apilevels.com/) for updating to targetSdkVersion 34 and we are actively working on adding support in the notifee library.
+:::
+<!-- vale on -->
+
 #### Enable Java 8 Support
 
 In `android/app/build.gradle` add the following inside the `android` section:

packages/react-native-sdk/docusaurus/docs/reactnative/01-setup/02-installation/02-expo.mdx

@@ -34,6 +34,38 @@ So what did we install precisely?
 - `@react-native-community/netinfo` - is used to detect the device's connectivity state, type and quality.
 - `@notifee/react-native` - is used to keep calls alive in the background on Android.
 
+## Android Specific installation
+
+<!-- vale off -->
+### Update the compileSdk, targetSdk and minSdk versions
+
+In your `app.json` file add the following to the `expo-build-properties` plugin:
+
+```js title=app.json
+{
+  "expo": {
+    ...
+    "plugins": [
+      // highlight-start
+      "expo-build-properties",
+      {
+        "android": {
+          "minSdkVersion": 24,
+          "compileSdkVersion": 33,
+          "targetSdkVersion": 33
+        }
+      }
+      // highlight-end
+    ]
+  }
+}
+```
+
+:::infoINFO
+We have to temporarily use targetSdkVersion 33 due to a lack of support for [dynamically setting foreground service types](https://github.com/invertase/notifee/issues/997#issuecomment-2036781216) in the notifee library. We are aware of the [August 31, 2024 deadline](https://apilevels.com/) for updating to targetSdkVersion 34 and we are actively working on adding support in the notifee library.
+:::
+<!-- vale on -->
+
 ## Add config plugin
 
 Add the config plugin for [`@stream-io/video-react-native-sdk`](https://github.com/GetStream/stream-video-js/tree/main/packages/react-native-sdk/expo-config-plugin/README.md) and [`react-native-webrtc`](https://www.npmjs.com/package/@config-plugins/react-native-webrtc) to your `app.json` file:

packages/react-native-sdk/docusaurus/docs/reactnative/03-core/07-keeping-call-alive.mdx

@@ -22,6 +22,28 @@ In Android, we use a [foreground service](https://developer.android.com/guide/co
     android:foregroundServiceType="microphone" />
 ```
 
+<!-- vale off -->
+### Check the compileSdk, targetSdk and minSdk versions
+
+In `android/build.gradle` make sure that the following is inside the `buildscript` section:
+
+```java
+buildscript {
+    ext {
+        ...
+        minSdkVersion = 24
+        compileSdkVersion = 33
+        targetSdkVersion = 33
+    }
+    ...
+}
+```
+
+:::infoINFO
+We have to temporarily use targetSdkVersion 33 due to a lack of support for [dynamically setting foreground service types](https://github.com/invertase/notifee/issues/997#issuecomment-2036781216) in the notifee library. We are aware of the [August 31, 2024 deadline](https://apilevels.com/) for updating to targetSdkVersion 34 and we are actively working on adding support in the notifee library.
+:::
+<!-- vale on -->
+
 ### Optional: override the default configuration of the notifications
 
 You can also optionally override the default configuration of the notification used by the SDK. Below we give an example of that:

sample-apps/react-native/dogfood/android/build.gradle

@@ -4,7 +4,7 @@ buildscript {
     ext {
         buildToolsVersion = "34.0.0"
         minSdkVersion = 24
-        compileSdkVersion = 34
+        compileSdkVersion = 33
         targetSdkVersion = 33
         googlePlayServicesAuthVersion = "20.7.0"
         ndkVersion = "25.1.8937393"

sample-apps/react-native/expo-video-sample/app.json

@@ -54,11 +54,15 @@
         "expo-build-properties",
         {
           "android": {
-            "compileSdkVersion": 34,
-            "targetSdkVersion": 34,
+            "minSdkVersion": 24,
+            "compileSdkVersion": 33,
+            "targetSdkVersion": 33,
             "extraMavenRepos": [
               "../../node_modules/@notifee/react-native/android/libs"
             ]
+          },
+          "ios": {
+            "flipper": false
           }
         }
       ]