@baaz/adapter/context/unhandledErrors.js

The core runtime of PWA

import React, { createContext, useContext, useMemo } from 'react';
import { connect } from 'react-redux';

import appActions from '../store/actions/app';

const ErrorContext = createContext();

const ErrorContextProvider = props => {
    const { children, markErrorHandled, unhandledErrors } = props;

    const errorApi = useMemo(
        () => ({
            markErrorHandled
        }),
        [markErrorHandled]
    );

    const contextValue = useMemo(() => [unhandledErrors, errorApi], [
        errorApi,
        unhandledErrors
    ]);

    return (
        <ErrorContext.Provider value={contextValue}>
            {children}
        </ErrorContext.Provider>
    );
};

const mapStateToProps = ({ unhandledErrors }) => ({ unhandledErrors });

const mapDispatchToProps = {
    markErrorHandled: appActions.markErrorHandled
};

export default connect(
    mapStateToProps,
    mapDispatchToProps
)(ErrorContextProvider);

export const useErrorContext = () => useContext(ErrorContext);