help w/ mantine notifications

import { useState } from 'react';
import { Modal } from '@mantine/core';

export default function MyComponent() {
  const [open, setOpen] = useState(false);

  const handleButtonClick = () => {
    setOpen(true);
  }

  const handleClose = () => {
    setOpen(false);
  }

  return (
    <>
      <button onClick={handleButtonClick}>Open Modal</button>
      <Modal
        title="My Modal"
        opened={open}
        onClose={handleClose}
      >
        This is the content of my modal.
      </Modal>
    </>
  );
}

import { useState } from 'react';
import { Modal } from '@mantine/core';

export default function MyComponent() {
  const [open, setOpen] = useState(false);

  const handleButtonClick = () => {
    setOpen(true);
  }

  const handleClose = () => {
    setOpen(false);
  }

  return (
    <>
      <button onClick={handleButtonClick}>Open Modal</button>
      <Modal
        title="My Modal"
        opened={open}
        onClose={handleClose}
      >
        This is the content of my modal.
      </Modal>
    </>
  );
}