diff --git a/src/fragments/lib-v1/in-app-messaging/integrate-your-application/react-native/install-dependencies.mdx b/src/fragments/lib-v1/in-app-messaging/integrate-your-application/react-native/install-dependencies.mdx index 7775307ceca..701e089d8c1 100644 --- a/src/fragments/lib-v1/in-app-messaging/integrate-your-application/react-native/install-dependencies.mdx +++ b/src/fragments/lib-v1/in-app-messaging/integrate-your-application/react-native/install-dependencies.mdx @@ -15,5 +15,5 @@ import reactnative1 from '/src/fragments/lib-v1/in-app-messaging/integrate-your- ```bash -npm install @aws-amplify/ui-react-native react-native-safe-area-context +npm install @aws-amplify/ui-react-native react-native-safe-area-context@^4.2.5 ``` diff --git a/src/fragments/lib/in-app-messaging/integrate-your-application/react-native/install-dependencies.mdx b/src/fragments/lib/in-app-messaging/integrate-your-application/react-native/install-dependencies.mdx index 1aacbf80a69..d4d7acb9add 100644 --- a/src/fragments/lib/in-app-messaging/integrate-your-application/react-native/install-dependencies.mdx +++ b/src/fragments/lib/in-app-messaging/integrate-your-application/react-native/install-dependencies.mdx @@ -22,5 +22,5 @@ import reactnative1 from '/src/fragments/lib/in-app-messaging/integrate-your-app ```bash -npm install @aws-amplify/ui-react-native react-native-safe-area-context +npm install @aws-amplify/ui-react-native react-native-safe-area-context@^4.2.5 ``` diff --git a/src/fragments/start/getting-started/reactnative/auth.mdx b/src/fragments/start/getting-started/reactnative/auth.mdx index 123224de944..7775a1785fd 100644 --- a/src/fragments/start/getting-started/reactnative/auth.mdx +++ b/src/fragments/start/getting-started/reactnative/auth.mdx @@ -45,14 +45,14 @@ The `@aws-amplify/ui-react-native` package includes React Native specific UI com ```bash -npm install @aws-amplify/ui-react-native react-native-get-random-values react-native-url-polyfill +npm install @aws-amplify/ui-react-native react-native-safe-area-context@^4.2.5 react-native-get-random-values react-native-url-polyfill ``` ```bash -npm install @aws-amplify/ui-react-native react-native-safe-area-context react-native-get-random-values react-native-url-polyfill +npm install @aws-amplify/ui-react-native react-native-safe-area-context@^4.2.5 react-native-get-random-values react-native-url-polyfill ``` You will also need to install the pod dependencies for iOS: diff --git a/src/pages/[platform]/build-a-backend/add-aws-services/in-app-messaging/integrate-application/index.mdx b/src/pages/[platform]/build-a-backend/add-aws-services/in-app-messaging/integrate-application/index.mdx index 4cd767ad511..9b2259a5f30 100644 --- a/src/pages/[platform]/build-a-backend/add-aws-services/in-app-messaging/integrate-application/index.mdx +++ b/src/pages/[platform]/build-a-backend/add-aws-services/in-app-messaging/integrate-application/index.mdx @@ -56,7 +56,7 @@ Learn more about Amplify In-App Messaging UI and how to fully unlock its capabil ```bash title="Terminal" showLineNumbers={false} -npm add @aws-amplify/ui-react-native react-native-safe-area-context +npm add @aws-amplify/ui-react-native react-native-safe-area-context@^4.2.5 ``` diff --git a/src/pages/[platform]/build-a-backend/auth/set-up-auth/index.mdx b/src/pages/[platform]/build-a-backend/auth/set-up-auth/index.mdx index 3fae274bd6d..0b14f810977 100644 --- a/src/pages/[platform]/build-a-backend/auth/set-up-auth/index.mdx +++ b/src/pages/[platform]/build-a-backend/auth/set-up-auth/index.mdx @@ -287,7 +287,7 @@ npm add \ aws-amplify \ @react-native-community/netinfo \ @react-native-async-storage/async-storage \ - react-native-safe-area-context \ + react-native-safe-area-context@^4.2.5 \ react-native-get-random-values ``` @@ -316,7 +316,7 @@ Next, update the `App.tsx` file with the following to set up the authentication ```typescript import React from "react"; -import { Button, View, StyleSheet, SafeAreaView } from "react-native"; +import { Button, View, StyleSheet } from "react-native"; import { Amplify } from "aws-amplify"; import { Authenticator, useAuthenticator } from "@aws-amplify/ui-react-native"; import outputs from "./amplify_outputs.json"; @@ -337,9 +337,7 @@ const App = () => { return ( - - - + ); diff --git a/src/pages/[platform]/start/quickstart/index.mdx b/src/pages/[platform]/start/quickstart/index.mdx index 1255ad7d8b6..92af74bb2c3 100644 --- a/src/pages/[platform]/start/quickstart/index.mdx +++ b/src/pages/[platform]/start/quickstart/index.mdx @@ -2723,7 +2723,7 @@ npm add \ aws-amplify \ @react-native-community/netinfo \ @react-native-async-storage/async-storage \ - react-native-safe-area-context \ + react-native-safe-area-context@^4.2.5 \ react-native-get-random-values \ react-native-url-polyfill ``` @@ -2738,7 +2738,7 @@ Next, update the `App.tsx` file with the following: ```typescript import React from "react"; -import { Button, View, StyleSheet, SafeAreaView } from "react-native"; +import { Button, View, StyleSheet } from "react-native"; import { Amplify } from "aws-amplify"; import { Authenticator, useAuthenticator } from "@aws-amplify/ui-react-native"; @@ -2761,9 +2761,7 @@ const App = () => { return ( - - - + ); diff --git a/src/pages/gen1/[platform]/start/getting-started/auth/index.mdx b/src/pages/gen1/[platform]/start/getting-started/auth/index.mdx index 6437cfe6d34..9d40d8a11ac 100644 --- a/src/pages/gen1/[platform]/start/getting-started/auth/index.mdx +++ b/src/pages/gen1/[platform]/start/getting-started/auth/index.mdx @@ -93,14 +93,14 @@ The `@aws-amplify/ui-react-native` package includes React Native specific UI com ```bash -expo install @aws-amplify/ui-react-native react-native-safe-area-context +expo install @aws-amplify/ui-react-native react-native-safe-area-context@^4.2.5 ``` ```bash -npm install @aws-amplify/ui-react-native react-native-safe-area-context +npm install @aws-amplify/ui-react-native react-native-safe-area-context@^4.2.5 ``` You will also need to install the pod dependencies for iOS: