import { SnackbarList } from "@wordpress/components"; import { useDispatch, useSelect } from "@wordpress/data"; import { store as noticesStore } from "@wordpress/notices"; export default ({ className }) => { const notices = useSelect((select) => select(noticesStore).getNotices()); const { removeNotice } = useDispatch(noticesStore); const snackbarNotices = notices.filter(({ type }) => type === "snackbar"); return ( <SnackbarList notices={snackbarNotices} className={className} onRemove={removeNotice} /> ); };