Failed prop type: The prop `notifications` is marked as required in `Notifs`, but its value is `undefined`

[pastinepolenta]

I could not find any documentation about the fact that the Notifs component requires a property notifications. Can you please elaborate ?

[pastinepolenta]

Looking at the code I found out the following:

• The notifications property is indeed required and must correspond to the Reducer
• If you don't want to pass it explicitly, the library defaults to state.notifs hence your reducer must be called notifs

Additional info:

• If you want to use the notifications in some components further down the components tree using mapDispatchToProps you can write in your component (or component container)

const mapDispatchToProps = (dispatch) => {
    const { notifSend } = notifActions;
    return {
        notifSend: (message, kind = 'success', dismissAfter = 5000) => {
            dispatch(notifSend({ // note that this is the notifSend imported from the library
                message,
                kind,
                dismissAfter
            }));
        }
    }
}

and use the prop in your JSX like

const { notifSend } = props;
<button onClick={ () => {
    notifSend('Something bad', 'danger');
    notifSend('Something good', 'success');
}}>CLICK</button>