Почему не проходит новый синтаксис?

const initState = ['test','more'];

// работает
export default function values(state = initState, action){
    if(action.type === 'ADD_VAL'){
        return [
            ...state,
            action.date
        ];
    }
    return state;
};

// не работает
export default values = (state = initState, action) => {
    if(action.type === 'ADD_VAL'){
        return [
            ...state,
            action.date
        ];
    }
    return state;
};


// тоже работает однако мне не нравится экспорт вниз переносить
// видимо без этого в данном случае никак или ?
const values = (state = initState, action) => {
    if(action.type === 'ADD_VAL'){
        return [
            ...state,
            action.date
        ];
    }
    return state;
};

export default values;

Переписал функцию на новый синтаксис IDE ни на что не ругается на выходе ошибка.

Правильно я понимаю что в некоторых случаях нужно использовать стандарт т.к. новый синтаксис не проходит, или здесь немного глубже?