/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 votes190 views2 answers
Change material ui appbar color
TypeScript
32 votes182 views1 answer
Policies for setting virtual environment -python
TypeScript
0 vote180 views1 answer
Parameter 'props' implicitly has an 'any' type.ts
TypeScript
6 votes271 views6 answers
Remove special characters from string javascript
TypeScript
0 vote253 views2 answers
How to set value to readonly property in typescript
TypeScript
0 vote192 views1 answer
How to destroy the widgets with th name same created in for loop python tkinter
TypeScript
6 votes179 views1 answer
React native typescrypt
TypeScript
1 vote250 views2 answers
How to remove last 2 elements from list in python
TypeScript
7 votes213 views2 answers
Loop an object properties in ts
TypeScript
2 votes191 views1 answer
Router navigate pass params
TypeScript