dioscarey / react-beforeunload-component Goto Github PK

When i try this in the codesandbox example, it doesn't block the route change neither on chrome, nor on firefox:

Is that a recent browser change or a bug in the package?

Hi! Thank you for creating this package, looking forward to using it.

I am however having trouble displaying my custom modal, and instead just displays the normal browser default alert

What I have so far:

Can I call custom function for cancel & leave button without custom modal ?

I am able to get the leave changes modal working and it pops up when I try to close/refresh my popup window. I passed in a custom component in modalComponentHandler but the default alert is still coming. Is this usage correct from this article, am I missing something here?

Heres the the simplified component code ->

const UnsavedChangesModal = ({showUnsavedModalCallback }) => {
    const hideModal = () => {
        showUnsavedModalCallback(false);
    };

    return (
        <Modal id='prompt' size='small'>
            <ModalHeader
                id='prompt-header'
                title={meta.localeBundle['navigateAwayUnsavedChanges_header_label']}
                closeButton={true}
                onClose={hideModal}
            />
            <ModalBody id='prompt-body'>{meta.localeBundle['navigateAway_message']}</ModalBody>
            <ModalFooter id='prompt-footer'><Button
                id='ok-button'
                type='primary'
                onClick={hideModal}>
                {meta.localeBundle['ok_button_label']}
            </Button></ModalFooter>
        </Modal>
    );
}

Thanks for the component btw.

Hi! Are there any plans for typescript support in foreseeable future? I may contribute in this topic.