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

Question

[Александр Иванов]

Текст предупреждения(ошибки):

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 также переписать несколько путей к файлам, т.к. были в ужасном виде и иногда ссылались на неверный файл(../../../). До меня проект не правили около года. Я не очень догоняю как поправить "ошибку". Буду признателен если подскажите.

Answer 1

[Александр Иванов]

Не считаю это решением, но так нет ошибки

<MenuHead key={index}>
                <MenuLink
                  fullsize=""
                  as={Link}
                  to={item.href}
                  onClick={onClose}
                >
                  {i18n.t(item.title)}
                </MenuLink>
              </MenuHead>