Slow update of useQuery in react-native

Hello dear community.

I have the following component in react native (simplified):

function PostsScreen() {
  const realm = useRealm();
  const posts = useQuery(Post);

  console.log(posts.at(0).visits);

  const addOne = () => {
    realm.write(() => {
      posts.at(0).visits += 1;
    });
  }

  return <Pressable onPress={addOne}>Click</Pressable>
}

This realm has 5000 posts. THe problem is that whenever I click on the button, the component is updated (and the console.log prints the new value) after ~1 second which feels like a lag.

Am I missing something?
Thank you

Hi. Thank you for your answer but unfortunately I haven’t asked my question properly.

This is the simplified version of my code. The actual code shows a virtualized list (React Native’s FlatList):

function PostsScreen() {
  const realm = useRealm();
  const posts = useQuery(Post);

  console.log(posts.at(0).visits);

  const addOne = () => {
    realm.write(() => {
      posts.at(0).visits += 1;
    });
  }

  return <>
    <Pressable onPress={addOne}>Click</Pressable>
    <FlatList data={posts} renderItem={renderItem} keyExtractor={keyExtractor} />
  </>
}

So whenever I update one of the posts (even through the console, outside of the UI) it takes around 1-2 seconds for the component to update.

PS: I have also memorized the component passed to “renderItem”.

Hi Jason.
As I mentioned earlier, this is a “simplified” version of the code, so addOne doesn’t exist in my code.
So the actual code is that there is a list of posts, the user taps on a post and a modal appears and saves the changes. Now the modal disappears but it takes around 1-2 seconds for the component to update and reflect the user’s changes.

Hi Jay.

Thank you very much for your response. After a deeper investigation, I realized that it was a problem with my code. I have a component that loops through all items on each render to do some aggregation. Deleting that component made it super fast. I’ll have to optimize that component.

Thank you again