Toast component
Toast
/components
import Toast from '../../../components/Toast'; const [toastVisible, setToastVisible] = useState(false); const showToast = () => { setToastVisible(true); setTimeout(() => setToastVisible(false), 5500); }; export default function toast() { return ( <Toast visible={toastVisible} message="Hello, this is a Toast message!" /> ) }