Как исправить ошибку Received `false` for a non-boolean attribute `loading`?

Question

[stas_mihailov]

Добрый день! На странице имеются 2 компонента которые ведут на главную страницу <Link to="/">
но из-за этого сыпится ошибка:

Comments

[Антон Спирин]

В тексте ошибки прямым текстом написано в чем проблема.

[stas_mihailov]

Антон Спирин, Проблема в том что он ссылается на то чтобы я правильно задал атрибуь loading , и суть как-раз в том что я его нигде и не прописывал

[Антон Спирин]

stas_mihailov, значит ищите, того, кто прописал или библиотеку из тех, что используете, в которой он криво прописан по-умолчанию. Еще можете свой код в песочнице опубликовать.

Answer 1

[0xD34F]

Вам красным по белому написано, как исправить. Читать не умеете? Ну идите забейте этот текст в онлайн-переводчик.

А вообще - учите английский. Разработчик, неспособный понимать английский текст - профнепригоден.

Comments

[stas_mihailov]

0xD34F , разве вопрос был про перевод? Перед тем как писать первым делом гуглил! Проблема в том что он ссылается на то чтобы я правильно задал атрибуь loading , и суть как-раз в том что я его нигде и не прописывал

[0xD34F]

stas_mihailov, да, вопрос про перевод - вы же не смогли объяснить, в чём состоит ваша ошибка, только текст показали на иностранном языке.

суть как-раз в том что я его нигде и не прописывал

Круто. То есть, реальной информации о вашей проблеме нет вообще. Так вы помощи тут не дождётесь.

Answer 2

[arbuzaicer]

Вообщем решение примерно следующее:
Вам нужно переписать тип данных, входящий в сам styledComponent
к примеру Вам нужен пропс isOutlined:

Место использования:
<YourComponent isOutlined={true} />

Сама компонента

const StyledComponent = ({ ... }) => {...
return <Wrapper ... isOutlined={isOutlined ? isOutlined.toString() : undefined}
}

И сам wrapper:

const Wrapper = styled.div<{ isOutlined?: string}>`
   border: ${( props) => props.isOutlined ? '2px solid red' : 'none};
`