Как исправить ошибку Received `false` for a non-boolean attribute `loading`?
Вам красным по белому написано, как исправить. Читать не умеете? Ну идите забейте этот текст в онлайн-переводчик.
А вообще - учите английский. Разработчик, неспособный понимать английский текст - профнепригоден.
Вообщем решение примерно следующее:
Вам нужно переписать тип данных, входящий в сам 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};
`