/TypeScript/Styled-components error in typescript

Styled-components error in typescript

//in styled component with param define type of param
const StyledComponent = styled.div`
        background: black;
        color: white;
    `;

    const StyledComponentWithParams = styled.div<{ color?: string }>`
        background: yellow;
        color: ${(color) => (color ? "yellow" : "white")};
    `;

    const StyledComponentDefaultValueParams = styled.div<{ color?: string }>`
        background: yellow;
        color: ${(color = "white") => (color)};
    `;

Source: stackoverflow.com

Similar codes

1 vote264 views2 answers
Typescript type for jsx element
TypeScript
0 vote247 views1 answer
Which of the foolowing ia an element of pallette that holds multiple elements of nspecific purpose
TypeScript
0 vote278 views1 answer
Angular animation done event type typescript
TypeScript
1 vote269 views1 answer
Adonisjs hooks
TypeScript
0 vote265 views1 answer
Accessing the elements of a char* in c
TypeScript
0 vote290 views1 answer
Destructuring props in styled-components
TypeScript
0 vote261 views1 answer
Loc with multiple conditions
TypeScript
0 vote271 views1 answer
Laravel validation check if email exists forget password
TypeScript
0 vote251 views2 answers
Typescript "variable!: type" notation
TypeScript
0 vote277 views1 answer
How to exclude certain proprty from a class typescript
TypeScript