From 0fea0305c06595d5d090f7d26f4960be1f4b2654 Mon Sep 17 00:00:00 2001
From: rigAITe <aitboy18@gmail.com>
Date: Tue, 8 Jul 2025 22:47:44 +0100
Subject: [PATCH] docs(navigation): Use createNavigationContainerRef instead of
 React.useRef

---
 includes/react-native-react-navigation-setup.mdx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/includes/react-native-react-navigation-setup.mdx b/includes/react-native-react-navigation-setup.mdx
index 55d81635c24f6..55742a1d806eb 100644
--- a/includes/react-native-react-navigation-setup.mdx
+++ b/includes/react-native-react-navigation-setup.mdx
@@ -1,6 +1,6 @@
 ```jsx {5, 20} {tabTitle: Functional Components}
 import * as Sentry from "@sentry/react-native";
-import { NavigationContainer } from "@react-navigation/native";
+import { NavigationContainer, createNavigationContainerRef } from "@react-navigation/native";
 
 const navigationIntegration = Sentry.reactNavigationIntegration({
   enableTimeToInitialDisplay: true,
@@ -12,7 +12,7 @@ Sentry.init({
 })
 
 function App = () => {
-  const containerRef = React.useRef();
+  const containerRef = createNavigationContainerRef();
 
   return (
     <NavigationContainer
@@ -39,7 +39,7 @@ Sentry.init({
 })
 
 class App extends React.Component {
-  containerRef = React.createRef();
+  containerRef = createNavigationContainerRef();
 
   render() {
     return (