improve error handling for useevent hook

src/app/notes/text.tsx

@@ -4,6 +4,7 @@ import { nip19 } from 'nostr-tools';
 import { EventPointer } from 'nostr-tools/lib/types/nip19';
 import { useRef, useState } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
+import { toast } from 'sonner';
 
 import { ArrowLeftIcon, CheckCircleIcon, ReplyIcon, ShareIcon } from '@shared/icons';
 import {
@@ -30,14 +31,18 @@ export function TextNoteScreen() {
   const [isCopy, setIsCopy] = useState(false);
 
   const share = async () => {
-    await writeText(
-      'https://njump.me/' +
-        nip19.neventEncode({ id: data.id, author: data.pubkey } as EventPointer)
-    );
-    // update state
-    setIsCopy(true);
-    // reset state after 2 sec
-    setTimeout(() => setIsCopy(false), 2000);
+    try {
+      await writeText(
+        'https://njump.me/' +
+          nip19.neventEncode({ id: data?.id, author: data?.pubkey } as EventPointer)
+      );
+      // update state
+      setIsCopy(true);
+      // reset state after 2 sec
+      setTimeout(() => setIsCopy(false), 2000);
+    } catch (e) {
+      toast.error(e);
+    }
   };
 
   const scrollToReply = () => {