cimonlebedev
@cimonlebedev

Как исправить ошибку «React does not recognize» styled-components?

Текст предупреждения(ошибки):
React does not recognize the `fullSize` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `fullsize` instead. If you accidentally passed it from a parent component, remove it from the DOM element.


Код файла с стилями
import styled, { css } from 'styled-components'
export const Link = styled.a`
  ${(p) => p.fullSize && css`
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
  `}
  color: inherit;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.6px;
`


Внутри компонента
import { Link } from './asas'

class MobileMenu extends Component {
   ...


    return (
                <Link
                  fullSize
                  as={Link}
                  to={item.href}
                  onClick={onClose}
                >
                  {i18n.t(item.title)}
                </Link>
    )
}


React не является моим основным стеком. Описанный выше кусок из большого проекта, и похожих ошибок там гора. Перед запуском пришлось добавить исключения в .eslintrc.yml также переписать несколько путей к файлам, т.к. были в ужасном виде и иногда ссылались на неверный файл(../../../). До меня проект не правили около года. Я не очень догоняю как поправить "ошибку". Буду признателен если подскажите.
  • Вопрос задан
  • 31 просмотр
Пригласить эксперта
Ответы на вопрос 1
cimonlebedev
@cimonlebedev Автор вопроса
Не считаю это решением, но так нет ошибки
<MenuHead key={index}>
                <MenuLink
                  fullsize=""
                  as={Link}
                  to={item.href}
                  onClick={onClose}
                >
                  {i18n.t(item.title)}
                </MenuLink>
              </MenuHead>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы