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

    @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};
    `
    Ответ написан
    Комментировать