/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

2 votes269 views2 answers
Cannot use JSX unless the '--jsx' flag is provided.ts(17004)
TypeScript
0 vote242 views1 answer
When to test analysis
TypeScript
49 votes324 views6 answers
How to get duplicate values in sql
TypeScript
1 vote247 views1 answer
Python all elements in list in another list
TypeScript
0 vote261 views1 answer
How to know if window exists in nodejs
TypeScript
0 vote257 views1 answer
.htaccess Preventing requests with invalid characters
TypeScript
0 vote251 views1 answer
Typescript function return array
TypeScript
0 vote224 views1 answer
Allow specific string in type
TypeScript
0 vote260 views1 answer
Jest Data path "" should have required property 'tsConfig'.
TypeScript
30 votes276 views3 answers
Empty character
TypeScript