How to use the evergreen-ui.toaster.danger function in evergreen-ui

async deleteProject (id) {
    this.setState({
      isFetching: true
    })

    try {
      await api.delete(`projects/${id}`).json()
      this.setState({
        isFetching: false
      })

      return true
    } catch (err) {
      toaster.danger(err.message)
      console.log('error: ', err)
    }
  }
}

async fetchOptions (reportId) {
    this.setState({
      isFetching: true
    })

    try {
      const { info } = await api.get(`${reportId}/options`).json()

      this.setState({
        options: info,
        isFetching: false
      })
    } catch (err) {
      toaster.danger(err.message)
      console.log('error: ', err)
    }
  }
}

toasterError(error) {
    toaster.danger("Server replied: " + error);
  }