import {alert} from 'react-bootstrap-confirmation';
alert('Something very wrong happened!');

import React, {useState} from 'react';
import {alert} from 'react-bootstrap-confirmation';
const AlertButton = () => {
  const display = async () => {
    await alert('Something very wrong is happening!');
    console.log('The alert has finished displaying');
  };
  return (
    <button type="button" className="btn btn-primary" onClick={display}>
      Display alert
    </button>
  );
};

import React, {useState} from 'react';
import {confirm} from 'react-bootstrap-confirmation';
const ConfirmButton = () => {
  const display = async () => {
    const result = await alert('Are you really sure?');
    console.log('True if confirmed, false otherwise:', result);
  };
  return (
    <button type="button" className="btn btn-primary" onClick={display}>
      Display alert
    </button>
  );
};