Container API

Reference for the ToastContainer component.

The ToastContainer component is the host for all your toast notifications. It must be rendered once in your application tree.

Props

The ToastContainer component accepts the following props:

Props	Type	Default	Description
autoClose	number \| boolean	3000	Global default duration for auto-closing toasts. Set to `false` to disable.
closeButton	boolean	false	Whether to show a close button on all toasts by default.
pauseOnHover	boolean	true	Pauses the auto-close timer while a user hovers a toast.

Usage

tsx
import { ToastContainer } from 'react-toast-msg';
 
function Layout({ children }) {
    return (
        <>
            {children}
            <ToastContainer autoClose={5000} closeButton pauseOnHover />
        </>
    );
}

IMPORTANT: Make sure to only render one ToastContainer in your application to avoid duplicate notifications.

How is this guide?

Last updated on April 22, 2026

Toast API

Types