Redux Uncaught type error: отправленное действие не является функцией

Question

Мне кажется, что я упускаю что-то простое здесь, но по какой-то причине этот простой ErrorMessageAlert не будет отправлять действие. Я отправил много раз, и я не могу понять эту ошибку.

Может кто-нибудь одолжить вторую пару глаз?

Вот мой компонент

import { connect } from 'react-redux';
import styled from 'react-emotion';
import { resetErrorMessage } from 'users/ducks'


const ErrorMessage = styled.div`
    width: 100%;
    color: red;
    position: fixed;
    background: #F9DADA;
    text-align: center;
    border-bottom: 1px solid red;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 1;
`

export class ErrorMessageAlert extends Component<props> {

    state = {  isHidden: true }

    componentDidMount() {
        console.log("triggered")
        // debugger
        const { resetErrorMessageAction } = this.props
        resetErrorMessageAction()
    }

    render(){

        const {
            errorMessage,
        } = this.props

        console.log(this.state.isHidden)
            return (
                <div>
                    {
                        this.state.isHidden && <ErrorMessage>{errorMessage}</ErrorMessage>
                    }
                </div>
            )
    }
}

const mapDispatchToProps = (dispatch) => ({
    resetErrorMessageAction: () => dispatch(resetErrorMessage()),
})

export default connect(null, mapDispatchToProps)(ErrorMessageAlert);

у пользователей / уток

export const RESET_ERROR_MESSAGE = 'RESET_ERROR_MESSAGE';

export const resetErrorMessage = () => ({
    type: RESET_ERROR_MESSAGE,
})

Вот основная трассировка стека сообщений об ошибках:

ErrorMessageAlert.js:29 Uncaught TypeError: resetErrorMessageAction is not a function
    at ErrorMessageAlert.componentDidMount (ErrorMessageAlert.js:29)
    at ErrorMessageAlert.componentDidMount (react-hot-loader.development.js:654)
    at commitLifeCycles (react-dom.development.js:17334)
    at commitAllLifeCycles (react-dom.development.js:18736)
    at HTMLUnknownElement.callCallback (react-dom.development.js:149)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:199)
    at invokeGuardedCallback (react-dom.development.js:256)
    at commitRoot (react-dom.development.js:18948)
    at react-dom.development.js:20418
    at Object.unstable_runWithPriority (scheduler.development.js:255)
    ```

Answer 1

resetErrorMessageAction равно undefined, потому что я неправильно импортировал его из другого файла, так как использовал функцию экспорта по умолчанию.

Так что вам нужно правильно импортировать файл.

import { ErrorMessageAlert } from 'error/ErrorMessageAlert';

против

import ErrorMessageAlert from 'error/ErrorMessageAlert';