jsx файл не видит разметку
При сборке проекта возникла проблема, не дает в файле jsx разметку сделать. Не знаю, как решить, гуглила, но без особого результата.
Пробовала отключать eslint, думала, в нем проблема, но не помогло. Поиск решений в интернете тоже не помог. А компоненты использовать нужно. Скриншоты прикрепляю

Ответы (1 шт):
Автор решения: Kirill
→ Ссылка
Нужно заменить литералы {} на (), т.е.:
function Card() {
return (<div></div>);
};
FYI
https://ru.reactjs.org/docs/introducing-jsx.html#jsx-is-an-expression-too
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/return