react Warning: Invalid DOM property class Как разрешить обычные html атрибуты

Warning: Invalid DOM property class

Известно что вместо напр. class в React надо писать className,
подобные проблемы можно убрать используя babel-plugin-react-html-attrs

Стандартная установка идет так:

1. Выполняем команду: npm install --save-dev babel-plugin-react-html-attrs
2. И далее создаем в корне (рядом с packge.json) файл .babelrc с содержимым:
   

   {
     "plugins": [
       "react-html-attrs"
     ]
   }
   

Подробнее: https://www.npmjs.com/package/babel-plugin-react-html-attrs

В Symfony (webpack encore)

В файл:

webpack.config.js

вместо чего-то вроде:

.configureBabel(() => {}, {
        useBuiltIns: 'usage',
        corejs: 3
    })

Добавим такое:

.configureBabel((babelConfig) => {
        babelConfig.plugins.push('react-html-attrs');
    }, {
        useBuiltIns: 'usage',
        corejs: 3
    })