TypeError: Object (...) не является функцией при экспорте по умолчанию

Question

Мой компонент более высокого порядка с обработчиком ошибок работал нормально, теперь я не знаю, что произошло. Он не работает и показывает ошибку TypeError.Ниже я разместил картинку и код для следующего.Я попытался переписать весь файл, но он все еще не работал.Я проверил исходный код, и он такой же, как показано ниже.Есть файл, который использует тот же самый компонент высшего порядка, и он не показывает никакой ошибки.помогите

import { connect } from 'react-redux';
import Order from '../../Components/Order/Order';
import axios from '../../axios-order';

import * as actions from '../../store/actions/index';
import Spinner from '../../Components/UI/Spinner/Spinner';
import WithErrorHandler from '../../hoc/withErrorHandler/withErrorHandler'

class Orders extends Component {
    componentDidMount () {
        this.props.onFetchOrders(this.props.token, this.props.userId);
    }

    render () {
        let orders = <Spinner />;
        if ( !this.props.loading ) {
            orders = this.props.orders.map( order => (
                <Order
                    key={order.id}
                    ingredients={order.ingredients}
                    price={order.price} />
            ) )
        }
        return (
            <div>
                {orders}
            </div>
        );
    }
}

const mapStateToProps = state => {
    return {
        orders: state.order.orders,
        loading: state.order.loading,
        token: state.auth.token,
        userId: state.auth.userId
    };
};

const mapDispatchToProps = dispatch => {
    return {
        onFetchOrders: (token, userId) => dispatch( actions.fetchOrders(token, userId) )
    };
};

export default connect(mapStateToProps,mapDispatchToProps)(WithErrorHandler(Orders,axios));

WithErrorHandler.js Файл:

import React,{Component} from 'react';
import Modal from '../../Components/UI/Modal/Modal'
import Auxillary from '../Auxillary'
import Orders from '../../Containers/Orders/Orders';



const withErrorHandler = ( WrappedComponent, axios ) => {
    return class extends Component {
        state = {
            error: null
        }

        componentWillMount () {
            this.reqInterceptor = axios.interceptors.request.use( req => {
                this.setState( { error: null } );
                return req;
            } );
            this.resInterceptor = axios.interceptors.response.use( res => res, error => {
                this.setState( { error: error } );
            } );
        }

        componentWillUnmount () {
            axios.interceptors.request.eject( this.reqInterceptor );
            axios.interceptors.response.eject( this.resInterceptor );
        }

        errorConfirmedHandler = () => {
            this.setState( { error: null } );
        }

        render () {
            return (
                <Auxillary>
                    <Modal
                        show={this.state.error}
                        modalClosed={this.errorConfirmedHandler}>
                        {this.state.error ? this.state.error.message : null}
                    </Modal>
                    <WrappedComponent {...this.props} />
                </Auxillary>
            );
        }
    }
}

export default withErrorHandler;

Ошибка отображается в файле Orders.js, и я не могу найти его