Unable to access database user from my local server in the remote server: LOG {"ACTIVITY_NULL": 4, "PERMISSION_DENIED": 1, "POSITION_UNAVAILABLE": 2, "TIMEOUT": 3, "code": 3, "message": "Location request timed out"}

[elkee2003]

Before opening, please confirm:

• I have searched for duplicate or closed issues and discussions.
• I have read the guide for submitting bug reports.
• I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.

JavaScript Framework

React Native

Amplify APIs

Authentication, GraphQL API, DataStore, Storage

Amplify Version

v6

Amplify Categories

auth, storage, api

Backend

Amplify CLI

Environment information

# Put output below this line
ystem:
    OS: Windows 11 10.0.22000
    CPU: (4) x64 Intel(R) Core(TM) i5-6200U CPU @ 2.30GHz
    Memory: 1.59 GB / 7.88 GB
  Binaries:
    Node: 20.11.0 - C:\Program Files\nodejs\node.EXE
    npm: 9.8.1 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.22000.120.0), Chromium (122.0.2365.80)        
    Internet Explorer: 11.0.22000.120
  npmPackages:
    @aws-amplify/react-native: ^1.0.17 => 1.0.17
    @aws-amplify/rtn-web-browser: ^1.0.16 => 1.0.16
    @aws-amplify/ui-react-native: ^2.1.2 => 2.1.2
    @babel/core: ^7.20.0 => 7.23.9
    @babel/preset-env: ^7.20.0 => 7.23.9
    @babel/runtime: ^7.20.0 => 7.23.9
    @react-native-async-storage/async-storage: ^1.22.0 => 1.22.0    
    @react-native-community/geolocation: ^3.1.0 => 3.1.0
    @react-native-community/netinfo: ^11.3.0 => 11.3.0
    @react-native-masked-view/masked-view: ^0.3.1 => 0.3.1
    @react-native/babel-preset: 0.73.21 => 0.73.21
    @react-native/eslint-config: 0.73.2 => 0.73.2
    @react-native/metro-config: 0.73.5 => 0.73.5
    @react-native/typescript-config: 0.73.1 => 0.73.1
    @react-navigation/drawer: ^6.6.7 => 6.6.7
    @react-navigation/native: ^6.1.10 => 6.1.10
    @react-navigation/stack: ^6.3.21 => 6.3.21
    @types/react: ^18.2.6 => 18.2.55
    @types/react-test-renderer: ^18.0.0 => 18.0.7
    HelloWorld:  0.0.1
    aws-amplify: ^6.0.17 => 6.0.17
    aws-amplify/adapter-core:  undefined ()
    aws-amplify/analytics:  undefined ()
    aws-amplify/analytics/kinesis:  undefined ()
    aws-amplify/analytics/kinesis-firehose:  undefined ()
    aws-amplify/analytics/personalize:  undefined ()
    aws-amplify/analytics/pinpoint:  undefined ()
    aws-amplify/api:  undefined ()
    aws-amplify/api/server:  undefined ()
    aws-amplify/auth:  undefined ()
    aws-amplify/auth/cognito:  undefined ()
    aws-amplify/auth/cognito/server:  undefined ()
    aws-amplify/auth/enable-oauth-listener:  undefined ()
    aws-amplify/auth/server:  undefined ()
    aws-amplify/datastore:  undefined ()
    aws-amplify/in-app-messaging:  undefined ()
    aws-amplify/in-app-messaging/pinpoint:  undefined ()
    aws-amplify/push-notifications:  undefined ()
    aws-amplify/push-notifications/pinpoint:  undefined ()
    aws-amplify/storage:  undefined ()
    aws-amplify/storage/s3:  undefined ()
    aws-amplify/storage/s3/server:  undefined ()
    aws-amplify/storage/server:  undefined ()
    aws-amplify/utils:  undefined ()
    babel-jest: ^29.6.3 => 29.7.0
    eslint: ^8.19.0 => 8.56.0
    geolocationexample:  0.0.0
    jest: ^29.6.3 => 29.7.0
    prettier: 2.8.8 => 2.8.8
    react: 18.2.0 => 18.2.0
    react-native: 0.73.4 => 0.73.4
    react-native-gesture-handler: ^2.15.0 => 2.15.0
    react-native-get-random-values: ^1.10.0 => 1.10.0
    react-native-google-places-autocomplete: ^2.5.6 => 2.5.6        
    react-native-maps: ^1.10.2 => 1.10.2
    react-native-maps-directions: ^1.9.0 => 1.9.0
    react-native-permissions: ^4.1.1 => 4.1.1
    react-native-reanimated: ^3.7.0 => 3.7.0
    react-native-safe-area-context: ^4.9.0 => 4.9.0
    react-native-screens: ^3.29.0 => 3.29.0
    react-native-url-polyfill: ^2.0.0 => 2.0.0
    react-native-vector-icons: ^10.0.3 => 10.0.3
    react-test-renderer: 18.2.0 => 18.2.0
    typescript: 5.0.4 => 5.0.4
  npmGlobalPackages:
    @aws-amplify/cli: 12.10.1
    npm: 9.8.1

npm notice 
npm notice New major version of npm available! 9.8.1 -> 10.5.0      
npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.5.0
npm notice Run npm install -g npm@10.5.0 to update!
npm notice

Describe the bug

When I create a user, I am unable to see the user, in other words, when the app loads it does not access the user, even when I console.log:

import { createContext, useState,useEffect, useContext } from "react";
import { confirmResetPassword, getCurrentUser } from 'aws-amplify/auth';
import { DataStore, Predicates } from 'aws-amplify/datastore';
import { User } from "../models";
// import {Auth, Amplify, Predicates} from 'aws-amplify';
// import { getCurrentUser, AuthUser } from 'aws-amplify/auth';
// import { DataStore, AuthModeStrategyType } from 'aws-amplify/datastore';

const AuthContext = createContext({})
const AuthContextProvider = ({children})=>{

    const [authUser, setAuthUser] = useState(null)
    const [dbUser, setDbUser] = useState(null)
    const sub = authUser?.userId;

    // This is one method to use 'await'
    // const fetchUser = async ()=>{
    //     try{
    //         const res = await getCurrentUser()
    //         console.log(authUser)   
    //         console.log('checking if this is authUser:', authUser) 
    //     }catch(err){
    //         console.log('This is the error',err)
    //     }
        
    // }

    // useEffect(()=>{
    //     fetchUser()
    //     // getCurrentUser().then((res)=>setAuthUser(res))
    //     // console.log("this is authUser:", authUser)
    //     // console.log('this is sub:', sub)
    // },[]);

     useEffect(() => {
        getCurrentUser().then((res) => {
            setAuthUser(res);
            console.log('Updated authUser:', res);
            console.log('This is sub:',sub)
        }).catch((err) => {
            console.log('Error fetching current user:', err);
        });
    }, []);


    // useEffect(()=>{
    //     DataStore.query(User, (user)=>user.sub.eq(sub)).then((users)=>setDbUser(users[0]))
    //     console.log(dbUser)
    //     console.log('checking if this is dbUser:', dbUser)
    //     // Amplify.Logger.LOG_LEVEL = "DEBUG";
    //     // DataStore.observeQuery(User)
    //     // DataStore.delete(User, Predicates.ALL)
    //     // DataStore.clear()
    // }, [sub])
    useEffect(() => {
        if (sub) {
            DataStore.query(User, (user) => user.sub.eq(sub)).then((users) => {
                setDbUser(users[0]);
                console.log('Updated dbUser:', users[0]);
                console.log('this is dbuser',dbUser)
                // Amplify.Logger.LOG_LEVEL = "DEBUG";
                // DataStore.observeQuery(User)
                // DataStore.delete(User, Predicates.ALL)
                // DataStore.clear()
            }).catch((error) => {
                console.log('Error fetching dbUser:', error);
            });
            console.log('see sub and dbuser:', sub,'dbusernkor:', dbUser)
        }
    }, [sub]);


    // This useEffect is for if I want to do things online only ie, I can delete things in the amplify studio and it will delete locally

    // useEffect(() => {
    //     const subscription = DataStore.observeQuery(
    //         User,
    //         user => user.sub.eq(sub)
    //     ).subscribe(snapshot => {
    //         const { items, isSynced } = snapshot;
    //         console.log(`[Snapshot] item count: ${items.length}, isSynced: ${isSynced}`);
    //         if (items[0]) {
    //             setDbUser(items[0])
    //         }
    //     });

    //     return () => {
    //         subscription.unsubscribe()
    //     }
    // }, [sub])
    // console.log("DB USER: ", dbUser)

    return(
        <AuthContext.Provider value={{authUser, dbUser, sub, setDbUser }}>
            {children}
        </AuthContext.Provider>
    )
}

export default AuthContextProvider;

export const useAuthContext = ()=> useContext(AuthContext)

I can see auth user and sub, but not dbuser

Expected behavior

It is meant to show me the dbuser created but it doesn't. I am unable to access the dbuser, sometimes if, it shows and I update it from my local server, it doesn't show in the remote server (amplify studio).

Reproduction steps

1. I write this code:

import { createContext, useState,useEffect, useContext } from "react";
import { confirmResetPassword, getCurrentUser } from 'aws-amplify/auth';
import { DataStore, Predicates } from 'aws-amplify/datastore';
import { User } from "../models";
// import {Auth, Amplify, Predicates} from 'aws-amplify';
// import { getCurrentUser, AuthUser } from 'aws-amplify/auth';
// import { DataStore, AuthModeStrategyType } from 'aws-amplify/datastore';

const AuthContext = createContext({})

const AuthContextProvider = ({children})=>{

    const [authUser, setAuthUser] = useState(null)
    const [dbUser, setDbUser] = useState(null)
    const sub = authUser?.userId;

    // This is one method to use 'await'
    // const fetchUser = async ()=>{
    //     try{
    //         const res = await getCurrentUser()
    //         console.log(authUser)   
    //         console.log('checking if this is authUser:', authUser) 
    //     }catch(err){
    //         console.log('This is the error',err)
    //     }
        
    // }

    // useEffect(()=>{
    //     fetchUser()
    //     // getCurrentUser().then((res)=>setAuthUser(res))
    //     // console.log("this is authUser:", authUser)
    //     // console.log('this is sub:', sub)
    // },[]);

     useEffect(() => {
        getCurrentUser().then((res) => {
            setAuthUser(res);
            console.log('Updated authUser:', res);
            console.log('This is sub:',sub)
        }).catch((err) => {
            console.log('Error fetching current user:', err);
        });
    }, []);


    // useEffect(()=>{
    //     DataStore.query(User, (user)=>user.sub.eq(sub)).then((users)=>setDbUser(users[0]))
    //     console.log(dbUser)
    //     console.log('checking if this is dbUser:', dbUser)
    //     // Amplify.Logger.LOG_LEVEL = "DEBUG";
    //     // DataStore.observeQuery(User)
    //     // DataStore.delete(User, Predicates.ALL)
    //     // DataStore.clear()
    // }, [sub])
    useEffect(() => {
        if (sub) {
            DataStore.query(User, (user) => user.sub.eq(sub)).then((users) => {
                setDbUser(users[0]);
                console.log('Updated dbUser:', users[0]);
                console.log('this is dbuser',dbUser)
                // Amplify.Logger.LOG_LEVEL = "DEBUG";
                // DataStore.observeQuery(User)
                // DataStore.delete(User, Predicates.ALL)
                // DataStore.clear()
            }).catch((error) => {
                console.log('Error fetching dbUser:', error);
            });
            console.log('see sub and dbuser:', sub,'dbusernkor:', dbUser)
        }
    }, [sub]);


    // This useEffect is for if I want to do things online only ie, I can delete things in the amplify studio and it will delete locally

    // useEffect(() => {
    //     const subscription = DataStore.observeQuery(
    //         User,
    //         user => user.sub.eq(sub)
    //     ).subscribe(snapshot => {
    //         const { items, isSynced } = snapshot;
    //         console.log(`[Snapshot] item count: ${items.length}, isSynced: ${isSynced}`);
    //         if (items[0]) {
    //             setDbUser(items[0])
    //         }
    //     });

    //     return () => {
    //         subscription.unsubscribe()
    //     }
    // }, [sub])
    // console.log("DB USER: ", dbUser)

    return(
        <AuthContext.Provider value={{authUser, dbUser, sub, setDbUser }}>
            {children}
        </AuthContext.Provider>
    )
}

export default AuthContextProvider;

export const useAuthContext = ()=> useContext(AuthContext)

in one folder. note that I have wrapped by main component with AuthContextProvider

2. I try to create it here:

// import '@azure/core-asynciterator-polyfill'
import { View, Text, TextInput, Button, Pressable, Alert } from 'react-native'
import React, {useEffect, useState, } from 'react'
import { GooglePlacesAutocomplete } from 'react-native-google-places-autocomplete';
import styles from './styles'
import { useAuthContext } from '../../contexts/AuthContext'
import { useNavigation } from '@react-navigation/native'
import { signOut } from 'aws-amplify/auth';
import { DataStore } from 'aws-amplify/datastore';
import {User} from '../../models'


const ProfileScreen = () => {

  const {sub, dbUser, setDbUser} = useAuthContext()

  const handleSignOut = async()=> {
    try {
      await signOut();
    } catch (error) {
      console.log('error signing out: ', error);
    }
  }
  
    const [name, setName] = useState(dbUser?.name || "")
    const [address, setAddress] = useState(dbUser?.address || "")
    const [phoneNumber, setPhoneNumber]= useState(dbUser?.phoneNumber || "")
    const [lat, setLat] = useState(dbUser?.lat.toString() || "0")
    const [lng, setLng] = useState (dbUser?.lng.toString() || "0") 
    
    const [isFocused, setIsFocused] = useState(false);
   
    const navigation = useNavigation()



    // Start of Function to Create and Update User

    const createUser = async ()=>{
      try{
        const user = await DataStore.save(new User({
         name, 
         address,
         phoneNumber,
         lat:parseFloat(lat), 
         lng:parseFloat(lng), 
         sub
       })
       );
       console.log("I am User:",user)
       setDbUser(user)
     }catch(e){
       Alert.alert("Error", e.message)
     }
    }

    const updateUser= async ()=>{
      const user = await DataStore.save(User.copyOf(dbUser, (updated)=>{
        updated.name = name;
        updated.address = address;
        updated.phoneNumber = phoneNumber
        updated.lat = parseFloat(lat);
        updated.lng = parseFloat(lng);
      }))
      setDbUser(user)
    }
    // End Of Function to Create and Update User

    // Function to Save Data
    const onSave= async()=>{
      if(dbUser){
        await updateUser()
        navigation.goBack()
      }else{
        await createUser()
        navigation.navigate('HomeScreen')
      }
      // navigation.goBack()
    }

    // function to handle focus
    const handleFocusChange = (focused) => {
      setIsFocused(focused);
    };

    // Start Of GooglePlacesAutoComplete
    const handlePlaceSelect = (data, details = null) => {
      // Extract the address from the selected place
      const selectedAddress = data?.description || details?.formatted_address;

      const selectedAddylat = JSON.stringify(details?.geometry?.location.lat) 

      const selectedAddylng = JSON.stringify(details?.geometry?.location.lng) 

      console.log(selectedAddylng, selectedAddylat)
  
      // Update the address state
      setAddress(selectedAddress);
      setLat(selectedAddylat)
      setLng(selectedAddylng)
  
    };
    // End Of GooglePlacesAutoComplete

    return (
    <View style={styles.container}>

      <Text style={styles.title}>Profile</Text>

      <TextInput 
      value={name}
      onChangeText={setName}
      placeholder='Name'
      style={styles.input}
      />

      <TextInput 
      value={address}
      placeholder='Address'
      style={{...styles.input, color: '#04df04'}}
      />

      <View style={isFocused ? styles.gContainerFocused : styles.gContainer}>
        <GooglePlacesAutocomplete
        fetchDetails
        placeholder='Select Address From Here'
        onPress={handlePlaceSelect}
        textInputProps={{
          onFocus:() => handleFocusChange(true),
          onBlur:() => handleFocusChange(false)
        }} 
        styles={{
          textInput:styles.gTextInput,
          textInputContainer:styles.gTextInputContainer,
          listView:styles.glistView,
          poweredContainer:styles.gPoweredContainer
        }}
        query={{
          key: 'key-value',
          language: 'en',
        }}
        />
      </View>

    {/* TextInputs that will be below GooglePlacesAutocomplete */}
    
      <TextInput
      value={phoneNumber}
      onChangeText={setPhoneNumber}
      placeholder='Phone Number'
      style={styles.input}
      />

      <TextInput 
      value={lat}
      placeholder='Latitude'
      style={styles.input}
      />

      <TextInput 
      value={lng}
      placeholder='Longitude'
      style={styles.input}
      />

      <View style={styles.scrnBtn}>
        {/* Save */}
        <Pressable onPress={onSave} style={styles.saveBackground}>
          <Text style={styles.save}>
            Save
          </Text>
        </Pressable>
        
        {/* SignOut */}
        <Pressable onPress={handleSignOut} >
          <Text style={styles.signOut}>
            Sign out
          </Text>
        </Pressable>
      </View>
      
    </View>
  )
}

export default ProfileScreen

3. When I save for new user, and refresh, It doesn't console. log the database user

Code Snippet

// Put your code below this line.
this is for authcontext:
`import { createContext, useState,useEffect, useContext } from "react";
import { confirmResetPassword, getCurrentUser } from 'aws-amplify/auth';
import { DataStore, Predicates } from 'aws-amplify/datastore';
import { User } from "../models";
// import {Auth, Amplify, Predicates} from 'aws-amplify';
// import { getCurrentUser, AuthUser } from 'aws-amplify/auth';
// import { DataStore, AuthModeStrategyType } from 'aws-amplify/datastore';
  

const AuthContext = createContext({})

const AuthContextProvider = ({children})=>{

    const [authUser, setAuthUser] = useState(null)
    const [dbUser, setDbUser] = useState(null)
    const sub = authUser?.userId;

    // This is one method to use 'await'
    // const fetchUser = async ()=>{
    //     try{
    //         const res = await getCurrentUser()
    //         console.log(authUser)   
    //         console.log('checking if this is authUser:', authUser) 
    //     }catch(err){
    //         console.log('This is the error',err)
    //     }
        
    // }

    // useEffect(()=>{
    //     fetchUser()
    //     // getCurrentUser().then((res)=>setAuthUser(res))
    //     // console.log("this is authUser:", authUser)
    //     // console.log('this is sub:', sub)
    // },[]);

     useEffect(() => {
        getCurrentUser().then((res) => {
            setAuthUser(res);
            console.log('Updated authUser:', res);
            console.log('This is sub:',sub)
        }).catch((err) => {
            console.log('Error fetching current user:', err);
        });
    }, []);


    // useEffect(()=>{
    //     DataStore.query(User, (user)=>user.sub.eq(sub)).then((users)=>setDbUser(users[0]))
    //     console.log(dbUser)
    //     console.log('checking if this is dbUser:', dbUser)
    //     // Amplify.Logger.LOG_LEVEL = "DEBUG";
    //     // DataStore.observeQuery(User)
    //     // DataStore.delete(User, Predicates.ALL)
    //     // DataStore.clear()
    // }, [sub])
    useEffect(() => {
        if (sub) {
            DataStore.query(User, (user) => user.sub.eq(sub)).then((users) => {
                setDbUser(users[0]);
                console.log('Updated dbUser:', users[0]);
                console.log('this is dbuser',dbUser)
                // Amplify.Logger.LOG_LEVEL = "DEBUG";
                // DataStore.observeQuery(User)
                // DataStore.delete(User, Predicates.ALL)
                // DataStore.clear()
            }).catch((error) => {
                console.log('Error fetching dbUser:', error);
            });
            console.log('see sub and dbuser:', sub,'dbusernkor:', dbUser)
        }
    }, [sub]);


    // This useEffect is for if I want to do things online only ie, I can delete things in the amplify studio and it will delete locally

    // useEffect(() => {
    //     const subscription = DataStore.observeQuery(
    //         User,
    //         user => user.sub.eq(sub)
    //     ).subscribe(snapshot => {
    //         const { items, isSynced } = snapshot;
    //         console.log(`[Snapshot] item count: ${items.length}, isSynced: ${isSynced}`);
    //         if (items[0]) {
    //             setDbUser(items[0])
    //         }
    //     });

    //     return () => {
    //         subscription.unsubscribe()
    //     }
    // }, [sub])
    // console.log("DB USER: ", dbUser)

    return(
        <AuthContext.Provider value={{authUser, dbUser, sub, setDbUser }}>
            {children}
        </AuthContext.Provider>
    )
}

export default AuthContextProvider;

export const useAuthContext = ()=> useContext(AuthContext)

this is for the profile screen where I create and edit the dbuser:

// import '@azure/core-asynciterator-polyfill'
import { View, Text, TextInput, Button, Pressable, Alert } from 'react-native'
import React, {useEffect, useState, } from 'react'
import { GooglePlacesAutocomplete } from 'react-native-google-places-autocomplete';
import styles from './styles'
import { useAuthContext } from '../../contexts/AuthContext'
import { useNavigation } from '@react-navigation/native'
import { signOut } from 'aws-amplify/auth';
import { DataStore } from 'aws-amplify/datastore';
import {User} from '../../models'


const ProfileScreen = () => {

  const {sub, dbUser, setDbUser} = useAuthContext()

  const handleSignOut = async()=> {
    try {
      await signOut();
    } catch (error) {
      console.log('error signing out: ', error);
    }
  }
  
    const [name, setName] = useState(dbUser?.name || "")
    const [address, setAddress] = useState(dbUser?.address || "")
    const [phoneNumber, setPhoneNumber]= useState(dbUser?.phoneNumber || "")
    const [lat, setLat] = useState(dbUser?.lat.toString() || "0")
    const [lng, setLng] = useState (dbUser?.lng.toString() || "0") 
    
    const [isFocused, setIsFocused] = useState(false);
   
    const navigation = useNavigation()



    // Start of Function to Create and Update User

    const createUser = async ()=>{
      try{
        const user = await DataStore.save(new User({
         name, 
         address,
         phoneNumber,
         lat:parseFloat(lat), 
         lng:parseFloat(lng), 
         sub
       })
       );
       console.log("I am User:",user)
       setDbUser(user)
     }catch(e){
       Alert.alert("Error", e.message)
     }
    }

    const updateUser= async ()=>{
      const user = await DataStore.save(User.copyOf(dbUser, (updated)=>{
        updated.name = name;
        updated.address = address;
        updated.phoneNumber = phoneNumber
        updated.lat = parseFloat(lat);
        updated.lng = parseFloat(lng);
      }))
      setDbUser(user)
    }
    // End Of Function to Create and Update User

    // Function to Save Data
    const onSave= async()=>{
      if(dbUser){
        await updateUser()
        navigation.goBack()
      }else{
        await createUser()
        navigation.navigate('HomeScreen')
      }
      // navigation.goBack()
    }

    // function to handle focus
    const handleFocusChange = (focused) => {
      setIsFocused(focused);
    };

    // Start Of GooglePlacesAutoComplete
    const handlePlaceSelect = (data, details = null) => {
      // Extract the address from the selected place
      const selectedAddress = data?.description || details?.formatted_address;

      const selectedAddylat = JSON.stringify(details?.geometry?.location.lat) 

      const selectedAddylng = JSON.stringify(details?.geometry?.location.lng) 

      console.log(selectedAddylng, selectedAddylat)
  
      // Update the address state
      setAddress(selectedAddress);
      setLat(selectedAddylat)
      setLng(selectedAddylng)
  
    };
    // End Of GooglePlacesAutoComplete

    return (
    <View style={styles.container}>

      <Text style={styles.title}>Profile</Text>

      <TextInput 
      value={name}
      onChangeText={setName}
      placeholder='Name'
      style={styles.input}
      />

      <TextInput 
      value={address}
      placeholder='Address'
      style={{...styles.input, color: '#04df04'}}
      />

      <View style={isFocused ? styles.gContainerFocused : styles.gContainer}>
        <GooglePlacesAutocomplete
        fetchDetails
        placeholder='Select Address From Here'
        onPress={handlePlaceSelect}
        textInputProps={{
          onFocus:() => handleFocusChange(true),
          onBlur:() => handleFocusChange(false)
        }} 
        styles={{
          textInput:styles.gTextInput,
          textInputContainer:styles.gTextInputContainer,
          listView:styles.glistView,
          poweredContainer:styles.gPoweredContainer
        }}
        query={{
          key: 'AIzaSyADZpw6XnHY',
          language: 'en',
        }}
        />
      </View>

    {/* TextInputs that will be below GooglePlacesAutocomplete */}
    
      <TextInput
      value={phoneNumber}
      onChangeText={setPhoneNumber}
      placeholder='Phone Number'
      style={styles.input}
      />

      <TextInput 
      value={lat}
      placeholder='Latitude'
      style={styles.input}
      />

      <TextInput 
      value={lng}
      placeholder='Longitude'
      style={styles.input}
      />

      <View style={styles.scrnBtn}>
        {/* Save */}
        <Pressable onPress={onSave} style={styles.saveBackground}>
          <Text style={styles.save}>
            Save
          </Text>
        </Pressable>
        
        {/* SignOut */}
        <Pressable onPress={handleSignOut} >
          <Text style={styles.signOut}>
            Sign out
          </Text>
        </Pressable>
      </View>
      
    </View>
  )
}

export default ProfileScreen

Log output

// Put your logs below this line

[WARN] 33:53.414 DataStore - subscriptionError Connection failed: {"errors":[{"message":"Validation error of type FieldUndefined: Field '_version'

{"ACTIVITY_NULL": 4, "PERMISSION_DENIED": 1, "POSITION_UNAVAILABLE": 2, "TIMEOUT": 3, "code": 3, "message": "Location request timed out"}

aws-exports.js

/* eslint-disable */
// WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify. It will be overwritten.

const awsmobile = {
"aws_project_region": ******,
"aws_appsync_graphqlEndpoint": ******,
"aws_appsync_region": ******,
"aws_appsync_authenticationType": ******,
"aws_appsync_apiKey": ******,
"aws_cognito_identity_pool_id": ******,
"aws_cognito_region": ******,
"aws_user_pools_id": ******,
"aws_user_pools_web_client_id": ******,
"oauth": {},
"aws_cognito_username_attributes": [
"EMAIL"
],
"aws_cognito_social_providers": [],
"aws_cognito_signup_attributes": [],
"aws_cognito_mfa_configuration": "OFF",
"aws_cognito_mfa_types": [
"SMS"
],
"aws_cognito_password_protection_settings": {
"passwordPolicyMinLength": 8,
"passwordPolicyCharacters": [
"REQUIRES_NUMBERS"
]
},
"aws_cognito_verification_mechanisms": [
"EMAIL"
]
};

export default awsmobile;

Manual configuration

No response

Additional configuration

Nothing

Mobile Device

Samsung

Mobile Operating System

No response

Mobile Browser

No response

Mobile Browser Version

No response

Additional information and screenshots

Nothing

[cwomack]

Hello, @elkee2003 👋. I've got quite a few questions for you on this issue to see if we can figure out what's going on and unblock you. I'm not exactly sure what is failing here, so can you help break down/clarify the following:

• What response are you getting when you call getCurrentUser()`? Is it throwing an error or can you log the user returned?
• Have you made any changes that potentially haven't been pushed yet via amplify push command?
• Where is this error coming from? LOG {"ACTIVITY_NULL": 4, "PERMISSION_DENIED": 1, "POSITION_UNAVAILABLE": 2, "TIMEOUT": 3, "code": 3, "message": "Location request timed out"}
• Can you provide a little more details on the problem described here? "I am unable to access the dbuser, sometimes if, it shows and I update it from my local server, it doesn't show in the remote server (amplify studio)."

Any additional and relevant areas where you can include more outputs from the console logs (specifically the DataStore operations) would be helpful as well. Not sure if there's a minimal sample repo that you can provide as well, but if you have a more basic example without all the commented out code that would be great!

[elkee2003]

Hello, @elkee2003 👋. I've got quite a few questions for you on this issue to see if we can figure out what's going on and unblock you. I'm not exactly sure what is failing here, so can you help break down/clarify the following:

• What response are you getting when you call getCurrentUser()`? Is it throwing an error or can you log the user returned?
• Have you made any changes that potentially haven't been pushed yet via amplify push command?
• Where is this error coming from? LOG {"ACTIVITY_NULL": 4, "PERMISSION_DENIED": 1, "POSITION_UNAVAILABLE": 2, "TIMEOUT": 3, "code": 3, "message": "Location request timed out"}
• Can you provide a little more details on the problem described here? "I am unable to access the dbuser, sometimes if, it shows and I update it from my local server, it doesn't show in the remote server (amplify studio)."

Any additional and relevant areas where you can include more outputs from the console logs (specifically the DataStore operations) would be helpful as well. Not sure if there's a minimal sample repo that you can provide as well, but if you have a more basic example without all the commented out code that would be great!

• My getCurrentUser works perfectly. I can always see the sub when I console.log it. My issue is with Datastore.

• I thought it syncs with my appsync automatically ( I thought I did not need to do amplify push everytime I make changes). Why I did amplify push in the first place was because, when I delete data from my AppSync (remote server) it doesn't get deleted in my local server (my computer). This is one issue I have been having.

• Where the error of LOG {"ACTIVITY_NULL": 4, "PERMISSION_DENIED": 1, "POSITION_UNAVAILABLE": 2, "TIMEOUT": 3, "code": 3, "message": "Location request timed out"} is coming from, I have no idea. It's just a new error that popped up.

• Initially, if I create a user, I can console.log the database user (dbUser). However, if I try to update the user, or access the user after that, in the console.log the result will be null. I have tried to do datastore.clear() to clear all the data in datastore, and start afresh, but to no avail. Each time I initially create a user I see it, but if I try to access that user to do something else, or I update it I get null.

• Sometimes, I get the error: [WARN] 33:53.414 DataStore - subscriptionError Connection failed: {"errors":[{"message":"Validation error of type FieldUndefined: Field '_version'

• This is my repo: https://github.com/elkee2003/Atua2024.git
  You will see where I have tried to catch the error, it is not catching any error. but at the same time, it is not showing database user (it is showing my sub though).

[elkee2003]

Hello, @elkee2003 👋. I've got quite a few questions for you on this issue to see if we can figure out what's going on and unblock you. I'm not exactly sure what is failing here, so can you help break down/clarify the following:

• What response are you getting when you call getCurrentUser()`? Is it throwing an error or can you log the user returned?
• Have you made any changes that potentially haven't been pushed yet via amplify push command?
• Where is this error coming from? LOG {"ACTIVITY_NULL": 4, "PERMISSION_DENIED": 1, "POSITION_UNAVAILABLE": 2, "TIMEOUT": 3, "code": 3, "message": "Location request timed out"}
• Can you provide a little more details on the problem described here? "I am unable to access the dbuser, sometimes if, it shows and I update it from my local server, it doesn't show in the remote server (amplify studio)."

Any additional and relevant areas where you can include more outputs from the console logs (specifically the DataStore operations) would be helpful as well. Not sure if there's a minimal sample repo that you can provide as well, but if you have a more basic example without all the commented out code that would be great!

Hello, please is there a solution to my problem

[elkee2003]

Please I need help

[chrisbonifacio]

Hi @elkee2003 can you confirm that you have Conflict Detection enabled on your API? If you don't, that would explain the subscription error. DataStore expects specific fields to exist on the schema such as _version, _lastChangedAt, and _deleted which are automatically added if Conflict Detection is enabled when compiling/deploying the schema.

Looking at the logic you have to create and update a user, it seems to make sense and should work even if there is a misconfiguration as I mentioned above. To better support you, can you please explain the use case and exactly what you are trying to do so that we can provide a working sample?

It seems you are trying to create a context/provider where components can access a user record stored in state. Have you checked if that record is persisting to DynamoDB when saving? You can check the network activity for the mutation response or query for the record in the DynamoDB console's Items explorer.
Also, are you able to query for the record by the sub or even id separate from the context/provider pattern?

Lastly, if you want to sign in/out and keep the state in sync with the auth status of the user, you should use the Hub utility to listen for auth events and clear your auth state and/or local database in response to auth events.

https://docs.amplify.aws/react/build-a-backend/utilities/hub/