Initiliaze failerRelays as undefined but handle error explicitly

components/use-crossposter.js

@@ -5,6 +5,7 @@ import { DEFAULT_CROSSPOSTING_RELAYS, crosspost, callWithTimeout } from '../lib/
 import { gql, useMutation, useQuery, useLazyQuery } from '@apollo/client'
 import { SETTINGS } from '../fragments/users'
 import { ITEM_FULL_FIELDS, POLL_FIELDS } from '../fragments/items'
+import { re } from 'mathjs'
 
 async function discussionToEvent (item) {
   const createdAt = Math.floor(Date.now() / 1000)
@@ -178,7 +179,7 @@ export default function useCrossposter () {
   }
 
   const crosspostItem = async item => {
-    let failedRelays = []
+    let failedRelays;
     let allSuccessful = false
     let noteId
 
@@ -189,6 +190,11 @@ export default function useCrossposter () {
       try {
         const result = await crosspost(event, failedRelays || relays)
 
+        if (result.error) {
+          failedRelays = [];
+          throw new Error(result.error)
+        }
+
         noteId = result.noteId
         failedRelays = result?.failedRelays?.map(relayObj => relayObj.relay) || []
 
@@ -206,7 +212,6 @@ export default function useCrossposter () {
         }
       } catch (error) {
         await crosspostError(error.message)
-        failedRelays = []
 
         // wait 2 seconds to show error then break
         await new Promise(resolve => setTimeout(resolve, 2000))