How to create notification alerts with a react app

[jmartinsen]

I am developing a Grafana App plugin, using react.

This app interacts with an api, to create and update entities in my database.
How can I create a notification, using the grafana system?
I’ve had a look at this

Use the notification section <app-notifications-list class="page-alert-list">

Hello, I want to warn user when they build a weird request, theapp-notifications-list zone would be perfect but I can’t figure out how to build propre notification, all I can do is : [Capture] But the notification does not disapear, even if I click on the right cross or left tick Does anyone have tips ?

but the examples show only for angular apps, and are outdated.

PanelProps contains the eventBus, but I can’t find something similar in the AppProps

[marcusolsson]

There are no type definitions available for app events, but you can still access them if you ignore the TypeScript errors by adding a comment @ts-ignore on the line before the import:

// @ts-ignore
import appEvents from 'grafana/app/core/app_events';

To show a notification, emit the AppEvents.alertSuccess:

import { AppEvents } from '@grafana/data';

appEvents.emit(AppEvents.alertSuccess, ['Hello']);