Hi @Filip Jurcicek

We know about this issue.

There is a problem importing the styles of the TOAST component. To solve this problem you need to manually import style toast.

I paste here working code snippet with toast style import:

import React, { Component } from "react";
import { toast, ToastContainer, MDBContainer, MDBBtn } from "mdbreact";

class Notification extends Component {
  const notify = type => {
    return () => {
      switch (type) {
        case "info":
          toast.info("Info message", {
            closeButton: false
          });
          break;
        case "success":
          toast.success("Success message", {
            closeButton: false
          });
          break;
        case "warning":
          toast.warn("Warning message"{
            closeButton: false
          });
          break;
        case "error":
          toast.error("Error message"{
            closeButton: false
          });
          break;
        default:
          toast.error("Error message"{
            closeButton: false
          });
      }
    };
  };

  return (
    <MDBContainer>
      <div>
        <MDBBtn color="info" onClick={notify("info")}>
          Info
        </MDBBtn>
        <hr />
        <MDBBtn color="success" onClick={notify("success")}>
          Success
        </MDBBtn>
        <hr />
        <MDBBtn color="warning" onClick={notify("warning")}>
          Warning
        </MDBBtn>
        <hr />
        <MDBBtn color="danger" onClick={notify("error")}>
          Error
        </MDBBtn>
        <ToastContainer
          hideProgressBar={true}
          newestOnTop={true}
          autoClose={5000}
        />
      </div>
  );
};

export default Notification;

Best regards,

Kuba