import React from 'react'
 
import { NotificationProvider } from 'react-headless-notifications'
 
const App = () => {
  return (
    <NotificationProvider>
      <MyStuff />
    </NotificationProvider>
  )
}
 
export default App

import React from 'react'
import { useNotifications } from 'react-headless-notifications'
 
const MyStuff = () => {
  const { addNotification } = useNotifications()
  return (
    <>
      <button onClick={() => addNotification('this is an error', { type: 'error'})}>Show error</button>
    </>
  )
}
 
export default MyStuff