diff --git a/.changeset/fair-keys-win.md b/.changeset/fair-keys-win.md
new file mode 100644
index 00000000..0b37d7f2
--- /dev/null
+++ b/.changeset/fair-keys-win.md
@@ -0,0 +1,6 @@
+---
+'create-expo-stack': minor
+'rn-new': minor
+---
+
+Change imports for deprecated SafeAreView from react-native
diff --git a/cli/src/templates/base/components/Container.tsx.ejs b/cli/src/templates/base/components/Container.tsx.ejs
index 76faf545..e76566a9 100644
--- a/cli/src/templates/base/components/Container.tsx.ejs
+++ b/cli/src/templates/base/components/Container.tsx.ejs
@@ -1,4 +1,7 @@
-import { StyleSheet, SafeAreaView } from 'react-native';
+
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { StyleSheet } from 'react-native';
+
 
 export const Container = ({ children }: { children: React.ReactNode }) => {
   return <SafeAreaView style={styles.container}>{children}</SafeAreaView>;
diff --git a/cli/src/templates/packages/nativewind/components/Container.tsx.ejs b/cli/src/templates/packages/nativewind/components/Container.tsx.ejs
index ff841c73..fe855154 100644
--- a/cli/src/templates/packages/nativewind/components/Container.tsx.ejs
+++ b/cli/src/templates/packages/nativewind/components/Container.tsx.ejs
@@ -1,4 +1,4 @@
-import { SafeAreaView } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 export const Container = ({ children }: { children: React.ReactNode }) => {
   return <SafeAreaView className={styles.container}>{children}</SafeAreaView>;
@@ -6,4 +6,4 @@ export const Container = ({ children }: { children: React.ReactNode }) => {
 
 const styles = {
   container: "flex flex-1 m-6"
-};
\ No newline at end of file
+};
diff --git a/cli/src/templates/packages/nativewindui/components/Container.tsx.ejs b/cli/src/templates/packages/nativewindui/components/Container.tsx.ejs
index 76faf545..50bbde2a 100644
--- a/cli/src/templates/packages/nativewindui/components/Container.tsx.ejs
+++ b/cli/src/templates/packages/nativewindui/components/Container.tsx.ejs
@@ -1,4 +1,5 @@
-import { StyleSheet, SafeAreaView } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { StyleSheet } from 'react-native';
 
 export const Container = ({ children }: { children: React.ReactNode }) => {
   return <SafeAreaView style={styles.container}>{children}</SafeAreaView>;