Resolve PR comments in the example

example/app/AppNonSync.tsx

@@ -6,7 +6,6 @@ import {TaskManager} from './components/TaskManager';
 import {useQuery} from '@realm/react';
 
 export const AppNonSync = () => {
-  debugger;
   const [showDone, setShowDone] = React.useState(false);
   const tasks = useQuery(
     Task,

example/app/AppSync.tsx

@@ -1,5 +1,5 @@
 import React, {useEffect, useState} from 'react';
-import {useApp, useUser} from '@realm/react';
+import {useApp, useAuth, useQuery, useRealm, useUser} from '@realm/react';
 import {Pressable, StyleSheet, Text} from 'react-native';
 
 import {Task} from './models/Task';
@@ -9,9 +9,6 @@ import {shadows} from './styles/shadows';
 import colors from './styles/colors';
 import {OfflineModeButton} from './components/OfflineModeButton';
 
-import {useRealm, useQuery} from '@realm/react';
-import {useAuth} from '@realm/react';
-
 export const AppSync: React.FC = () => {
   const realm = useRealm();
   const user = useUser();
@@ -28,9 +25,14 @@ export const AppSync: React.FC = () => {
   );
 
   useEffect(() => {
-    realm.subscriptions.update(mutableSubs => {
-      mutableSubs.add(tasks);
-    });
+    const asyncThing = async () => {
+      await tasks.subscribe();
+    };
+
+    asyncThing();
+    () => {
+      realm.unsubscribe();
+    };
   }, [realm, tasks]);
 
   return (

example/app/AppWrapperSync.tsx

@@ -27,7 +27,6 @@ export const AppWrapperSync: React.FC<{
                 timeOut: 1000,
                 timeOutBehavior: OpenRealmTimeOutBehavior.OpenLocalRealm,
               },
-              onError: (_, error) => console.error('sync error', error),
             }}>
             <AppSync />
           </RealmProvider>

example/app/components/LoginScreen.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useState} from 'react';
+import React, {useState} from 'react';
 import {View, Text, StyleSheet, TextInput, Pressable} from 'react-native';
 import colors from '../styles/colors';
 import {shadows} from '../styles/shadows';
@@ -11,14 +11,6 @@ export const LoginScreen = () => {
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
 
-  const handleLogin = useCallback(() => {
-    logInWithEmailPassword({email, password});
-  }, [logInWithEmailPassword, email, password]);
-
-  const handleRegister = useCallback(() => {
-    register({email, password});
-  }, [register, email, password]);
-
   return (
     <View style={styles.content}>
       <View style={styles.inputContainer}>
@@ -45,29 +37,28 @@ export const LoginScreen = () => {
         />
       </View>
 
-      {result.error && result.error.operation === AuthOperationName.LogIn && (
+      {result?.error?.operation === AuthOperationName.LogIn && (
         <Text style={[styles.error]}>
           There was an error logging in, please try again{' '}
         </Text>
       )}
 
-      {result.error &&
-        result.error.operation === AuthOperationName.Register && (
-          <Text style={[styles.error]}>
-            There was an error registering, please try again
-          </Text>
-        )}
+      {result?.error?.operation === AuthOperationName.Register && (
+        <Text style={[styles.error]}>
+          There was an error registering, please try again
+        </Text>
+      )}
 
       <View style={styles.buttons}>
         <Pressable
-          onPress={handleLogin}
+          onPress={() => logInWithEmailPassword(email, password)}
           style={[styles.button, result.pending && styles.buttonDisabled]}
           disabled={result.pending}>
           <Text style={buttonStyles.text}>Login</Text>
         </Pressable>
 
         <Pressable
-          onPress={handleRegister}
+          onPress={() => register(email, password)}
           style={[
             styles.button,
             result.pending && styles.buttonDisabled,

example/index.js

@@ -1,7 +1,7 @@
 /**
  * @format
  */
-
+import 'react-native-get-random-values';
 import React from 'react';
 import {AppRegistry} from 'react-native';
 import {AppWrapperNonSync} from './app/AppWrapperNonSync';