How to fix Received `false` for a non-boolean attribute `loading` error?

Question

React

Good afternoon! The page has 2 components that lead to the main page , but because of this, an error is thrown:<Link to="/">

Answer 1

You are written in red and white how to fix it. Can't read? Well, go hammer this text into an online translator.
In general, learn English. A developer who is unable to understand English text is unsuitable for professional use.

Answer 2

In general, the solution is something like this:
You need to rewrite the data type that is included in the styledComponent itself,
for example, you need the isOutlined prop:
Place of use: The component itself
<YourComponent isOutlined={true} />

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

And the wrapper itself:

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