From 45820833e8def2b361fab48597f56ea38c148474 Mon Sep 17 00:00:00 2001
From: Bilal Abdeen <Bilal-Abdeen@users.noreply.github.com>
Date: Mon, 13 Apr 2026 08:59:49 +1000
Subject: [PATCH 1/6] docs(Analytics): Adding examples for v23

---
 docs/analytics/usage/index.md | 107 ++++++++++++++++++++++++++++++++++
 1 file changed, 107 insertions(+)

diff --git a/docs/analytics/usage/index.md b/docs/analytics/usage/index.md
index 6a7745bdf0..c7d845e042 100644
--- a/docs/analytics/usage/index.md
+++ b/docs/analytics/usage/index.md
@@ -55,6 +55,7 @@ Different event types require different parameters (some require no parameters,
 
 Below is an example showing how a custom event can be logged. Please be aware that primitive data types or arrays of primitive data types are logged in your Firebase Analytics console.
 
+For React Native Firebase <= v21 
 ```jsx
 import react, { useEffect } from 'react';
 import { View, Button } from 'react-native';
@@ -79,6 +80,33 @@ function App() {
 }
 ```
 
+For React Native Firebase >= v22 
+```jsx
+import react, { useEffect } from 'react';
+import { View, Button } from 'react-native';
+import { getAnalytics, logEvent } from '@react-native-firebase/analytics';
+
+const analytics = getAnalytics();
+
+function App() {
+  return (
+    <View>
+      <Button
+        title="Add To Basket"
+        onPress={async () =>
+          await logEvent(analytics, ('basket', {
+            id: 3745092,
+            item: 'mens grey t-shirt',
+            description: ['round neck', 'long sleeved'],
+            size: 'L',
+          })
+        }
+      />
+    </View>
+  );
+}
+```
+
 ## Predefined Events
 
 To help you get started, Analytics provides a number of [event methods](/reference/analytics) that are common among
@@ -88,6 +116,7 @@ articles in the Firebase Help Center.
 
 Below is a sample of how to use one of the predefined methods the Analytics module provides for you:
 
+For React Native Firebase <= v21 
 ```jsx
 import react, { useEffect } from 'react';
 import { View, Button } from 'react-native';
@@ -112,6 +141,33 @@ function App() {
 }
 ```
 
+For React Native Firebase >= v22
+```jsx
+import react, { useEffect } from 'react';
+import { View, Button } from 'react-native';
+import { getAnalytics, logSelectContent } from '@react-native-firebase/analytics';
+
+const analytics = getAnalytics();
+
+function App() {
+  return (
+    <View>
+      <Button
+        title="Press me"
+        // Logs in the firebase analytics console as "select_content" event
+        // only accepts the two object properties which accept strings.
+        onPress={async () =>
+          await logSelectContent(analytics, {
+            content_type: 'clothing',
+            item_id: 'abcd',
+          })
+        }
+      />
+    </View>
+  );
+}
+```
+
 For a full reference to predefined events and expected parameters, please check out the [reference API](/reference/analytics).
 
 ## Reserved Events
@@ -139,12 +195,21 @@ Below is an example showing how to retrieve the app instance id of the applicati
 if FirebaseAnalytics.ConsentType.ANALYTICS_STORAGE has been set to FirebaseAnalytics.ConsentStatus.DENIED and null on
 iOS if ConsentType.analyticsStorage has been set to ConsentStatus.denied.
 
+For React Native Firebase <= v21
 ```jsx
 import analytics from '@react-native-firebase/analytics';
 // ...
 const appInstanceId = await analytics().getAppInstanceId();
 ```
 
+For React Native Firebase >= v22
+```jsx
+import { getAnalytics, getAppInstanceId } from '@react-native-firebase/analytics';
+const analytics = getAnalytics();
+// ...
+const appInstanceId = await getAppInstanceId(analytics);
+```
+
 ### Web / Other platform instance id
 
 Ensure you have installed an Async Storage provider for Firebase to preserve the instance id. Failure to do so means the instance id will be reset every time the application terminates.
@@ -202,14 +267,24 @@ on the `firebase.json` file at the root of your project directory.
 
 To re-enable analytics (e.g. once you have the users consent), call the `setAnalyticsCollectionEnabled` method:
 
+For React Native Firebase <= v21
 ```js
 import { firebase } from '@react-native-firebase/analytics';
 // ...
 await firebase.analytics().setAnalyticsCollectionEnabled(true);
 ```
 
+For React Native Firebase >= v22
+```js
+import { getAnalytics, setAnalyticsCollectionEnabled } from '@react-native-firebase/analytics';
+const analytics = getAnalytics();
+// ...
+await setAnalyticsCollectionEnabled(analytics, true);
+```
+
 To update user's consent (e.g. once you have the users consent), call the `setConsent` method:
 
+For React Native Firebase <= v21
 ```js
 import { firebase } from '@react-native-firebase/analytics';
 // ...
@@ -221,6 +296,19 @@ await firebase.analytics().setConsent({
 });
 ```
 
+For React Native Firebase >= v22
+```js
+import { getAnalytics, setConsent } from '@react-native-firebase/analytics';
+const analytics = getAnalytics();
+// ...
+await setConsent(analytics, {
+  analytics_storage: true,
+  ad_storage: true,
+  ad_user_data: true,
+  ad_personalization: true,
+});
+```
+
 ## Disable screenview tracking
 
 Analytics automatically tracks some information about screens in your application, such as the class name of the UIViewController or Activity that is currently in focus.
@@ -263,6 +351,7 @@ This toggle must be set to the value you want before accessing the analytics ins
 
 For example, you might modify your index.js file like so:
 
+For React Native Firebase <= v21
 ```javascript
 /**
  * @format
@@ -279,3 +368,21 @@ if (__DEV__) globalThis.RNFBDebug = true;
 
 AppRegistry.registerComponent(appName, () => App);
 ```
+
+For React Native Firebase >= v22
+```javascript
+import { AppRegistry } from 'react-native';
+import App from './App';
+import { name as appName } from './app.json';
+
+//    \/  Add these lines below
+import { firebase } from '@react-native-firebase/app';
+// Enable debug mode for react-native-firebase v22:
+if (__DEV__) {
+  firebase.app().setAutomaticResourceManagementEnabled(true);   
+  firebase.app().utils().setLogLevel('debug'); // use setLogLevel to 'debug' or 'verbose'
+}
+//    /\  Add these lines above
+
+AppRegistry.registerComponent(appName, () => App);
+```

From 244a4a025895b84c3872c6e0c0873e64c5e78e2f Mon Sep 17 00:00:00 2001
From: Bilal Abdeen <Bilal-Abdeen@users.noreply.github.com>
Date: Mon, 13 Apr 2026 09:16:47 +1000
Subject: [PATCH 2/6] Update docs/analytics/usage/index.md

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
---
 docs/analytics/usage/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/analytics/usage/index.md b/docs/analytics/usage/index.md
index c7d845e042..4c55fd6996 100644
--- a/docs/analytics/usage/index.md
+++ b/docs/analytics/usage/index.md
@@ -94,7 +94,7 @@ function App() {
       <Button
         title="Add To Basket"
         onPress={async () =>
-          await logEvent(analytics, ('basket', {
+          await logEvent(analytics, 'basket', {
             id: 3745092,
             item: 'mens grey t-shirt',
             description: ['round neck', 'long sleeved'],

From 60907b1fd31d12c75a236c466091a2a682bcb756 Mon Sep 17 00:00:00 2001
From: Bilal Abdeen <Bilal-Abdeen@users.noreply.github.com>
Date: Mon, 13 Apr 2026 09:24:11 +1000
Subject: [PATCH 3/6] Update docs/analytics/usage/index.md

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
---
 docs/analytics/usage/index.md | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/docs/analytics/usage/index.md b/docs/analytics/usage/index.md
index 4c55fd6996..3f01819c23 100644
--- a/docs/analytics/usage/index.md
+++ b/docs/analytics/usage/index.md
@@ -376,11 +376,10 @@ import App from './App';
 import { name as appName } from './app.json';
 
 //    \/  Add these lines below
-import { firebase } from '@react-native-firebase/app';
+import { setLogLevel } from '@react-native-firebase/app';
 // Enable debug mode for react-native-firebase v22:
 if (__DEV__) {
-  firebase.app().setAutomaticResourceManagementEnabled(true);   
-  firebase.app().utils().setLogLevel('debug'); // use setLogLevel to 'debug' or 'verbose'
+  setLogLevel('debug'); // use 'debug' or 'verbose'
 }
 //    /\  Add these lines above
 

From 1b1e25104214b40501b34bcb5919c05990b19ed4 Mon Sep 17 00:00:00 2001
From: Bilal Abdeen <Bilal-Abdeen@users.noreply.github.com>
Date: Mon, 13 Apr 2026 09:37:00 +1000
Subject: [PATCH 4/6] I reviewed the formatting of the code

---
 docs/analytics/usage/index.md | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/docs/analytics/usage/index.md b/docs/analytics/usage/index.md
index 3f01819c23..59f664d8e3 100644
--- a/docs/analytics/usage/index.md
+++ b/docs/analytics/usage/index.md
@@ -377,10 +377,9 @@ import { name as appName } from './app.json';
 
 //    \/  Add these lines below
 import { setLogLevel } from '@react-native-firebase/app';
+
 // Enable debug mode for react-native-firebase v22:
-if (__DEV__) {
-  setLogLevel('debug'); // use 'debug' or 'verbose'
-}
+if (__DEV__) setLogLevel('debug'); // use 'debug' or 'verbose' 
 //    /\  Add these lines above
 
 AppRegistry.registerComponent(appName, () => App);

From 891563349369c8b728ed0f73a73342fd676b5ecb Mon Sep 17 00:00:00 2001
From: Bilal Abdeen <Bilal-Abdeen@users.noreply.github.com>
Date: Mon, 13 Apr 2026 09:47:04 +1000
Subject: [PATCH 5/6] Fix formatting (prettier)

---
 docs/analytics/usage/index.md | 103 ++++++++++++++++++++--------------
 1 file changed, 62 insertions(+), 41 deletions(-)

diff --git a/docs/analytics/usage/index.md b/docs/analytics/usage/index.md
index 59f664d8e3..cb6beec7d6 100644
--- a/docs/analytics/usage/index.md
+++ b/docs/analytics/usage/index.md
@@ -55,11 +55,12 @@ Different event types require different parameters (some require no parameters,
 
 Below is an example showing how a custom event can be logged. Please be aware that primitive data types or arrays of primitive data types are logged in your Firebase Analytics console.
 
-For React Native Firebase <= v21 
+For React Native Firebase <= v21
+
 ```jsx
-import react, { useEffect } from 'react';
-import { View, Button } from 'react-native';
-import analytics from '@react-native-firebase/analytics';
+import react, { useEffect } from "react";
+import { View, Button } from "react-native";
+import analytics from "@react-native-firebase/analytics";
 
 function App() {
   return (
@@ -67,11 +68,11 @@ function App() {
       <Button
         title="Add To Basket"
         onPress={async () =>
-          await analytics().logEvent('basket', {
+          await analytics().logEvent("basket", {
             id: 3745092,
-            item: 'mens grey t-shirt',
-            description: ['round neck', 'long sleeved'],
-            size: 'L',
+            item: "mens grey t-shirt",
+            description: ["round neck", "long sleeved"],
+            size: "L",
           })
         }
       />
@@ -80,11 +81,12 @@ function App() {
 }
 ```
 
-For React Native Firebase >= v22 
+For React Native Firebase >= v22
+
 ```jsx
-import react, { useEffect } from 'react';
-import { View, Button } from 'react-native';
-import { getAnalytics, logEvent } from '@react-native-firebase/analytics';
+import react, { useEffect } from "react";
+import { View, Button } from "react-native";
+import { getAnalytics, logEvent } from "@react-native-firebase/analytics";
 
 const analytics = getAnalytics();
 
@@ -94,11 +96,11 @@ function App() {
       <Button
         title="Add To Basket"
         onPress={async () =>
-          await logEvent(analytics, 'basket', {
+          await logEvent(analytics, "basket", {
             id: 3745092,
-            item: 'mens grey t-shirt',
-            description: ['round neck', 'long sleeved'],
-            size: 'L',
+            item: "mens grey t-shirt",
+            description: ["round neck", "long sleeved"],
+            size: "L",
           })
         }
       />
@@ -116,11 +118,12 @@ articles in the Firebase Help Center.
 
 Below is a sample of how to use one of the predefined methods the Analytics module provides for you:
 
-For React Native Firebase <= v21 
+For React Native Firebase <= v21
+
 ```jsx
-import react, { useEffect } from 'react';
-import { View, Button } from 'react-native';
-import analytics from '@react-native-firebase/analytics';
+import react, { useEffect } from "react";
+import { View, Button } from "react-native";
+import analytics from "@react-native-firebase/analytics";
 
 function App() {
   return (
@@ -131,8 +134,8 @@ function App() {
         // only accepts the two object properties which accept strings.
         onPress={async () =>
           await analytics().logSelectContent({
-            content_type: 'clothing',
-            item_id: 'abcd',
+            content_type: "clothing",
+            item_id: "abcd",
           })
         }
       />
@@ -142,10 +145,14 @@ function App() {
 ```
 
 For React Native Firebase >= v22
+
 ```jsx
-import react, { useEffect } from 'react';
-import { View, Button } from 'react-native';
-import { getAnalytics, logSelectContent } from '@react-native-firebase/analytics';
+import react, { useEffect } from "react";
+import { View, Button } from "react-native";
+import {
+  getAnalytics,
+  logSelectContent,
+} from "@react-native-firebase/analytics";
 
 const analytics = getAnalytics();
 
@@ -158,8 +165,8 @@ function App() {
         // only accepts the two object properties which accept strings.
         onPress={async () =>
           await logSelectContent(analytics, {
-            content_type: 'clothing',
-            item_id: 'abcd',
+            content_type: "clothing",
+            item_id: "abcd",
           })
         }
       />
@@ -196,15 +203,20 @@ if FirebaseAnalytics.ConsentType.ANALYTICS_STORAGE has been set to FirebaseAnaly
 iOS if ConsentType.analyticsStorage has been set to ConsentStatus.denied.
 
 For React Native Firebase <= v21
+
 ```jsx
-import analytics from '@react-native-firebase/analytics';
+import analytics from "@react-native-firebase/analytics";
 // ...
 const appInstanceId = await analytics().getAppInstanceId();
 ```
 
 For React Native Firebase >= v22
+
 ```jsx
-import { getAnalytics, getAppInstanceId } from '@react-native-firebase/analytics';
+import {
+  getAnalytics,
+  getAppInstanceId,
+} from "@react-native-firebase/analytics";
 const analytics = getAnalytics();
 // ...
 const appInstanceId = await getAppInstanceId(analytics);
@@ -268,15 +280,20 @@ on the `firebase.json` file at the root of your project directory.
 To re-enable analytics (e.g. once you have the users consent), call the `setAnalyticsCollectionEnabled` method:
 
 For React Native Firebase <= v21
+
 ```js
-import { firebase } from '@react-native-firebase/analytics';
+import { firebase } from "@react-native-firebase/analytics";
 // ...
 await firebase.analytics().setAnalyticsCollectionEnabled(true);
 ```
 
 For React Native Firebase >= v22
+
 ```js
-import { getAnalytics, setAnalyticsCollectionEnabled } from '@react-native-firebase/analytics';
+import {
+  getAnalytics,
+  setAnalyticsCollectionEnabled,
+} from "@react-native-firebase/analytics";
 const analytics = getAnalytics();
 // ...
 await setAnalyticsCollectionEnabled(analytics, true);
@@ -285,8 +302,9 @@ await setAnalyticsCollectionEnabled(analytics, true);
 To update user's consent (e.g. once you have the users consent), call the `setConsent` method:
 
 For React Native Firebase <= v21
+
 ```js
-import { firebase } from '@react-native-firebase/analytics';
+import { firebase } from "@react-native-firebase/analytics";
 // ...
 await firebase.analytics().setConsent({
   analytics_storage: true,
@@ -297,8 +315,9 @@ await firebase.analytics().setConsent({
 ```
 
 For React Native Firebase >= v22
+
 ```js
-import { getAnalytics, setConsent } from '@react-native-firebase/analytics';
+import { getAnalytics, setConsent } from "@react-native-firebase/analytics";
 const analytics = getAnalytics();
 // ...
 await setConsent(analytics, {
@@ -352,14 +371,15 @@ This toggle must be set to the value you want before accessing the analytics ins
 For example, you might modify your index.js file like so:
 
 For React Native Firebase <= v21
+
 ```javascript
 /**
  * @format
  */
 
-import { AppRegistry } from 'react-native';
-import App from './App';
-import { name as appName } from './app.json';
+import { AppRegistry } from "react-native";
+import App from "./App";
+import { name as appName } from "./app.json";
 
 //    \/  Add these lines below
 // Enable debug mode for react-native-firebase:
@@ -370,16 +390,17 @@ AppRegistry.registerComponent(appName, () => App);
 ```
 
 For React Native Firebase >= v22
+
 ```javascript
-import { AppRegistry } from 'react-native';
-import App from './App';
-import { name as appName } from './app.json';
+import { AppRegistry } from "react-native";
+import App from "./App";
+import { name as appName } from "./app.json";
 
 //    \/  Add these lines below
-import { setLogLevel } from '@react-native-firebase/app';
+import { setLogLevel } from "@react-native-firebase/app";
 
 // Enable debug mode for react-native-firebase v22:
-if (__DEV__) setLogLevel('debug'); // use 'debug' or 'verbose' 
+if (__DEV__) setLogLevel("debug"); // use 'debug' or 'verbose'
 //    /\  Add these lines above
 
 AppRegistry.registerComponent(appName, () => App);

From 5bbf6d38f3901733353c77ea886d2f2e3b591b6f Mon Sep 17 00:00:00 2001
From: Bilal Abdeen <Bilal-Abdeen@users.noreply.github.com>
Date: Thu, 16 Apr 2026 06:51:33 +1000
Subject: [PATCH 6/6] Removed old example (before v22)

---
 docs/analytics/usage/index.md | 120 ++--------------------------------
 1 file changed, 4 insertions(+), 116 deletions(-)

diff --git a/docs/analytics/usage/index.md b/docs/analytics/usage/index.md
index cb6beec7d6..17950a4d76 100644
--- a/docs/analytics/usage/index.md
+++ b/docs/analytics/usage/index.md
@@ -38,7 +38,9 @@ Analytics automatically logs some [events](https://support.google.com/analytics/
 
 # Usage
 
-Analytics offers a wealth of [Predefined Events](#predefined-events) to track user behavior. Analytics also offers folks the ability to log [Custom Events](#custom-events) . If you're already familiar with Google Analytics, this method is equivalent to using the event command in [gtag.js](https://developers.google.com/gtagjs/).
+Analytics offers a wealth of [Predefined Events](#predefined-events) to track user behavior. Analytics also offers folks the ability to log [Custom Events](#custom-events) . If you're already familiar with Google Analytics, this method is equivalent to using the event command in [gtag.js](https://developers.google.com/gtagjs/). 
+
+> Note: All code examples below use the modular APIs (v22+).
 
 ## Event Parameters
 
@@ -55,34 +57,6 @@ Different event types require different parameters (some require no parameters,
 
 Below is an example showing how a custom event can be logged. Please be aware that primitive data types or arrays of primitive data types are logged in your Firebase Analytics console.
 
-For React Native Firebase <= v21
-
-```jsx
-import react, { useEffect } from "react";
-import { View, Button } from "react-native";
-import analytics from "@react-native-firebase/analytics";
-
-function App() {
-  return (
-    <View>
-      <Button
-        title="Add To Basket"
-        onPress={async () =>
-          await analytics().logEvent("basket", {
-            id: 3745092,
-            item: "mens grey t-shirt",
-            description: ["round neck", "long sleeved"],
-            size: "L",
-          })
-        }
-      />
-    </View>
-  );
-}
-```
-
-For React Native Firebase >= v22
-
 ```jsx
 import react, { useEffect } from "react";
 import { View, Button } from "react-native";
@@ -118,34 +92,6 @@ articles in the Firebase Help Center.
 
 Below is a sample of how to use one of the predefined methods the Analytics module provides for you:
 
-For React Native Firebase <= v21
-
-```jsx
-import react, { useEffect } from "react";
-import { View, Button } from "react-native";
-import analytics from "@react-native-firebase/analytics";
-
-function App() {
-  return (
-    <View>
-      <Button
-        title="Press me"
-        // Logs in the firebase analytics console as "select_content" event
-        // only accepts the two object properties which accept strings.
-        onPress={async () =>
-          await analytics().logSelectContent({
-            content_type: "clothing",
-            item_id: "abcd",
-          })
-        }
-      />
-    </View>
-  );
-}
-```
-
-For React Native Firebase >= v22
-
 ```jsx
 import react, { useEffect } from "react";
 import { View, Button } from "react-native";
@@ -202,16 +148,6 @@ Below is an example showing how to retrieve the app instance id of the applicati
 if FirebaseAnalytics.ConsentType.ANALYTICS_STORAGE has been set to FirebaseAnalytics.ConsentStatus.DENIED and null on
 iOS if ConsentType.analyticsStorage has been set to ConsentStatus.denied.
 
-For React Native Firebase <= v21
-
-```jsx
-import analytics from "@react-native-firebase/analytics";
-// ...
-const appInstanceId = await analytics().getAppInstanceId();
-```
-
-For React Native Firebase >= v22
-
 ```jsx
 import {
   getAnalytics,
@@ -279,16 +215,6 @@ on the `firebase.json` file at the root of your project directory.
 
 To re-enable analytics (e.g. once you have the users consent), call the `setAnalyticsCollectionEnabled` method:
 
-For React Native Firebase <= v21
-
-```js
-import { firebase } from "@react-native-firebase/analytics";
-// ...
-await firebase.analytics().setAnalyticsCollectionEnabled(true);
-```
-
-For React Native Firebase >= v22
-
 ```js
 import {
   getAnalytics,
@@ -301,21 +227,6 @@ await setAnalyticsCollectionEnabled(analytics, true);
 
 To update user's consent (e.g. once you have the users consent), call the `setConsent` method:
 
-For React Native Firebase <= v21
-
-```js
-import { firebase } from "@react-native-firebase/analytics";
-// ...
-await firebase.analytics().setConsent({
-  analytics_storage: true,
-  ad_storage: true,
-  ad_user_data: true,
-  ad_personalization: true,
-});
-```
-
-For React Native Firebase >= v22
-
 ```js
 import { getAnalytics, setConsent } from "@react-native-firebase/analytics";
 const analytics = getAnalytics();
@@ -370,36 +281,13 @@ This toggle must be set to the value you want before accessing the analytics ins
 
 For example, you might modify your index.js file like so:
 
-For React Native Firebase <= v21
-
-```javascript
-/**
- * @format
- */
-
-import { AppRegistry } from "react-native";
-import App from "./App";
-import { name as appName } from "./app.json";
-
-//    \/  Add these lines below
-// Enable debug mode for react-native-firebase:
-if (__DEV__) globalThis.RNFBDebug = true;
-//    /\  Add these lines above
-
-AppRegistry.registerComponent(appName, () => App);
-```
-
-For React Native Firebase >= v22
-
-```javascript
+```js
 import { AppRegistry } from "react-native";
 import App from "./App";
 import { name as appName } from "./app.json";
 
 //    \/  Add these lines below
 import { setLogLevel } from "@react-native-firebase/app";
-
-// Enable debug mode for react-native-firebase v22:
 if (__DEV__) setLogLevel("debug"); // use 'debug' or 'verbose'
 //    /\  Add these lines above