useInView rootMargin

2023-12-13 11:25:15 +02:00
parent 3fa13de33e
commit b199d297ce
4 changed files with 4 additions and 4 deletions
--- a/packages/app/src/Element/Event/NoteInner.tsx
+++ b/packages/app/src/Element/Event/NoteInner.tsx
@ -38,7 +38,7 @@ export function NoteInner(props: NoteProps) {
  const [showReactions, setShowReactions] = useState(false);

  const { isEventMuted } = useModeration();
-  const { ref, inView } = useInView({ triggerOnce: true });
+  const { ref, inView } = useInView({ triggerOnce: true, rootMargin: "2000px" });
  const { reactions, reposts, deletions, zaps } = useEventReactions(NostrLink.fromEvent(ev), related);
  const login = useLogin();
  const { pinned, bookmarked } = useLogin();