Using content

[urjitdesai]

I want to pass props to my component that is being rendered in the content. I am a newbie and don't know how should i go about it. Please help. Code:-

const step1Content=({handleSelectModelCategory, modelCategoryOptions})=>{ console.log("props= ", handleSelectModelCategory, modelCategoryOptions); return (

Select A Model For Testing

<Select styles={{ menu: provided => ({ ...provided, zIndex: 9999 }) }} className="basic-single" classNamePrefix="select" defaultValue="Select Model Category" //value={instanceType} onChange={handleSelectModelCategory} maxMenuHeight={200} name="color" options={modelCategoryOptions} placeholder='Select Model Category' style={{ color: "black", width:'200px'}} />

) }

<StepProgressBar startingStep={0} onSubmit={onFormSubmit} steps={[ { label: 'Step 1', subtitle: '10%', name: 'step 1', content: ()=>step1Content(handleSelectModelCategory, modelCategoryOptions)

                    },
                    {
                    label: 'Step 2',
                    subtitle: '50%',
                    name: 'step 2',
                    content: step2Content,
                    validator: step2Validator
                    },
                    {
                    label: 'Step 3',
                    subtitle: '100%',
                    name: 'step 3',
                    content: step3Content,
                    validator: step3Validator
                    }
                ]}
            />

[urjitdesai]

content: ()=>step1Content(handleSelectModelCategory, modelCategoryOptions) I know this line is wrong but how should i do it?