Предупреждение: получено неверное значение для небулевого атрибута. Как передать логическое значение для настраиваемого атрибута boolean?

Warning: Received 'false' for a non-boolean attribute 'comingsoon'.

If you want to write it to the DOM, pass a string instead: 
comingsoon="false" or comingsoon={value.toString()}.

Как передать логическое значение в пользовательский атрибут для React?

Я использую styled-компоненты и передаю атрибут через компонент. Вот изображение того, как я передаю attr.

Передача логического пользовательского атрибута в виде "comesoon"

styled-components css реквизит

Ответ 1

Попробуйте это вместо этого:

comingsoon={value ? 1 : 0}

Ответ 2

Просто сделайте вместо этого число, это обходной путь от https://github.com/styled-components/styled-components/issues/1198:

Ответ 3

Аналогично ответу Фрэнка Линса выше, но мне пришлось использовать undefined вместо 0, чтобы избавиться от предупреждения:

comingsoon={value ? 1 : undefined}