fix: store returning keys and empty objects

[w7tf]

Tested on iOS ⚠️

In mobile/app/comments/update/[commentId].tsx finding the comment returns empty objects.

const { commentId } = useLocalSearchParams<{
    commentId: string;
  }>();

  const router = useRouter();
  //   const comment = store$.comments.get().find((c) => c.id == commentId); // WORKS
  const comment = store$.comments.find((c) => c.id.get() == commentId); // Does not work

When trying to set to trigger an update sync it won't work because the objects are empty:

const handleCommentUpdate = () => {
    comment?.content.set(data.comment.get());
    comment?.author.set(data.author.get());
    router.back();
  };

LOG output of comment:

 LOG  {"author": {}, "content": {}, "createdAt": {}, "id": {}, "postId": {}, "updatedAt": {}}

[jmeistrich]

I think this only appears to be empty objects because it actually returns an observable. So just add a get() and it should work. But if you don't need the observable then the other way is more performant, to get the raw data first and then find it.

const comment$ = store$.comments.find((c) => c.id.get() == commentId)
const comment = comment$.get()

[jmeistrich]

Also if you're doing this kind of find often it may be better to use as: "object" since you get quickly get items by id and don't have to search the whole array.