remove statusbar and SafeAreaView

Author: anupriya13

examples/ReactNativeBlobUtil/App.js

@@ -7,7 +7,7 @@
  */
 
 import React, {useState} from 'react';
-import {Alert, Button, SafeAreaView, ScrollView, StatusBar, StyleSheet, Text, TextInput, View} from 'react-native';
+import {Alert, Button, ScrollView, StyleSheet, Text, TextInput, View} from 'react-native';
 // import {Picker} from '@react-native-picker/picker'; Need to remove this package as it is not supported in Windows New Architecture
 
 import {Colors} from 'react-native/Libraries/NewAppScreen';
@@ -489,8 +489,7 @@ const App: () => React$Node = () => {
     // App ************************************************************************
     return (
         <>
-            <StatusBar barStyle="dark-content" />
-            <SafeAreaView>
+            <View>
                 <ScrollView contentInsetAdjustmentBehavior="automatic" style={styles.scrollView}>
                     {global.HermesInternal == null ? null : (
                         <View style={styles.engine}>
@@ -729,7 +728,7 @@ const App: () => React$Node = () => {
                         </View>
                     </View>
                 </ScrollView>
-            </SafeAreaView>
+            </View>
         </>
     );
 };

examples/ReactNativeBlobUtil/package.json

@@ -21,10 +21,10 @@
     "@babel/core": "^7.12.9",
     "@babel/runtime": "^7.12.5",
     "@react-native-community/eslint-config": "^2.0.0",
-    "babel-jest": "^26.6.3",
+    "babel-jest": "^29.0.0",
     "eslint": "^7.32.0",
-    "jest": "^26.6.3",
-    "metro-react-native-babel-preset": "0.72.3",
+    "jest": "^29.0.0",
+    "@react-native/babel-preset": "^0.76.0",
     "react-test-renderer": "18.1.0",
     "@rnx-kit/jest-preset": "^0.1.17",
     "@react-native/metro-config": "^0.76.9"