fix SafeAreaView warning

Author: mdjastrzebski

examples/basic/App.tsx

@@ -1,15 +1,17 @@
 import * as React from 'react';
-import { SafeAreaView } from 'react-native';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
 import { LoginForm } from './components/LoginForm';
 import { Home } from './components/Home';
 
 const App = () => {
   const [user, setUser] = React.useState<string | null>(null);
 
   return (
-    <SafeAreaView>
-      {user == null ? <LoginForm onLoginSuccess={setUser} /> : <Home user={user} />}
-    </SafeAreaView>
+    <SafeAreaProvider>
+      <SafeAreaView>
+        {user == null ? <LoginForm onLoginSuccess={setUser} /> : <Home user={user} />}
+      </SafeAreaView>
+    </SafeAreaProvider>
   );
 };
 

examples/basic/jest-setup.ts

@@ -0,0 +1,3 @@
+import mockSafeAreaContext from 'react-native-safe-area-context/jest/mock';
+
+jest.mock('react-native-safe-area-context', () => mockSafeAreaContext);