React Styled Components - 4 - Using Props

Use coupon code: CodevolutionYoutube for any workspace upgrade. Select "Add promo code" on checkout, enter the code, then hit "Apply". This will apply a 100% OFF lifetime discount to your subscription. Enjoy and feel free to invite others to your workspace!

📱 Follow Codevolution

Using Props with React Styled Components

[nagireddypanditi]

Hello, Please do videos on react testing jest and enzyme

[harithamanu]

No overload matches this call.
Overload 1 of 2, '(props: PolymorphicComponentProps<"web", Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, void, void, {}, {}>): Element', gave the following error.
Type '{ children: string; variant: string; }' is not assignable to type 'IntrinsicAttributes & Omit<Substitute<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, Omit<...>>, keyof ExecutionProps> & Omit<...> & { ...; }'.
Property 'variant' does not exist on type 'IntrinsicAttributes & Omit<Substitute<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, Omit<...>>, keyof ExecutionProps> & Omit<...> & { ...; }'.
Overload 2 of 2, '(props: Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>): ReactElement<...> | null', gave the following error.
Type '{ children: string; variant: string; }' is not assignable to type 'IntrinsicAttributes & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>'.
Property 'variant' does not exist on type 'IntrinsicAttributes & Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>'.
11 | <br />
12 | </div>
> 13 | <StyledButton
|
14 | </div>
15 | );
16 | }

can anyone help me to solve this error.TIA

[mitarthsingh]

Idk how but whatever tutorials you make, somehow my work is in need of using that tech at the moment & its extremely helpful every time. From react query to next, you have really helped me a lot.

Thanks :D

[abinayaabi]

What does mean by interpolation and template literals?

[bitcode_]

I'm just learning React with styled-components, I'm not grasping how to pass data and css values at the same time, for example, what if I wanted to reuse the same button with different text?

[irkfaisal]

How this varient props works? This button is html button and doest not take any props!