React — Babel: Поддержка экспериментального синтаксиса

#reactjs #babeljs

Вопрос:

Поддержка экспериментального синтаксиса » jsx » в настоящее время не включена.

Добавить @babel/предустановку-реагируйте на раздел «предустановки» своей конфигурации Babel, чтобы включить преобразование.

Если вы хотите оставить все как есть, добавьте @babel/plugin-синтаксис-jsx в раздел «плагины», чтобы включить синтаксический анализ.

 return (
    <div
    ^
        onClick={props.color === "disabled" ? false : () => props.onClick()}
        className={`${btnColor} capitalize rounded`}
    >
)
 

Так что у меня уже была эта проблема пару раз, но я никогда точно не знал, как ее решить.
Я попытался добавить @babel/preset-react и @babel/preset-env, все существующие решения (.babelrc / babel.config.js) но, похоже, ничего не работает. Есть идеи ?

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

Заранее спасибо!