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 (