styled component as props types code example

Example 1: styled components props typescript

# to prevent typescript error, install this
yarn add @types/styled-components

# NPM
npm install @types/styled-components

Example 2: styled components props typescript

interface YourProps {
  invalid: boolean
}

const Input = styled.input`
  border: ${(p: YourProps) => p.invalid ? 'red' : 'blue'};
`