Синтаксическая ошибка: элемент Rest должен быть последним элементом

Question

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

const SlashedPrice = ({
    price,
    currencySymbol,
    ...props,
}) => {

Когда я удаляю запятую из ...props, ошибка исчезает. Сначала я думал, что это проблема с babel, но я включил 2 новых правила без везения: "@babel/plugin-proposal-object-rest-spread" и "syntax-trailing-function-commas",

На данный момент я в растерянности относительно того, что вызываетпроблема. С чего начать поиск отладки?

Справочная информация: все в моей кодовой базе работало нормально, пока я не удалил node_modules и не перезапустил yarn install.

Answer 1

Проблема в том, что когда вы ставите запятую после ...props, props больше не является последним элементом. ...props - это Rest, о котором говорит ошибка. Это не имеет ничего общего с babel.

Ссылка здесь