jsx
  useEffect(() => {
    console.log('added listener')

    const previousSubscriptions = supabase.getSubscriptions()

    if (previousSubscriptions.length > 0) return // <--- THIS

    const listener = supabase
      .from('metrics')
      .on('INSERT', handleNewInsert)
      .subscribe((status) => {
        console.log({ status })
      })

    return () => {
      supabase.removeSubscription(listener)
    }
  }, [])