Need help with props in react-jss

[Muntasir2001]

hi
so i am using react-jss with my react app
and for some reason, the props in jss are not working
here is the code

import React from 'react';
import { createUseStyles } from 'react-jss';

const buttonStyle = createUseStyles({
    btn: (props) => ({
        color: props.color,
        background: props.bkgColor,
        padding: '5px 15px',
        fontWeight: 'bold',
    }),
    label: (props) => ({
        color: props.color,
    }),
});

const Button = (props) => {
    const { label, value, bkgColor, color, isOp } = props;
    const style = buttonStyle(color, bkgColor);
    // console.log(typeof bkgColor);
    return (
        <>
            {/* <div className={style.btn}>{label}</div> */}
            <div className={style.btn}>
                <span className={style.label}>{label}</span>
            </div>
            {/* <button className={style.btn}>{label}</button> */}
        </>
    );
};

export default Button;

label, value works
its just bkgColor and color which doesnt work
this is how i am putton the button component

<Button
                    label={'7'}
                    value={'7'}
                    bkgColor={'#637097'}
                    color='#fff'
                    isOp={false}
                />

[SBRKH]

Hello,

You should try that :

    const style = buttonStyle({color, bkgColor});

Props is an object.

[Muntasir2001]

interesting, going to try it soon
Once done, will mark this issue answered/resolved.

Thanks