How to pass props to Step components ?

[l-imbert]

Hey,

Just a quick question on how to implement react-loki with Formik. How do you go about passing fomik props to steps components ?

` const customSteps = [
{
label: 'Step1',
number: '1',
description: 'General informations',
component: ,
},
{
label: 'Step2',
number: '2',
description: 'Cicero text generator',
component: ,
},
{
label: 'Step3',
number: '3',
description: 'Wonderful transition effects',
component: ,
}
];

` And then in the child Step1 component : `const { handleChange, handleBlur, values, errors} = props `

But values. name is undefined ! How to get Formik values passed down through react Loki ?

Thanks in advance for your help !!!!!!

[adityasanil]

Hi @l-imbert you can try converting the const customSteps variable to a func
Ex: const customSteps = (yourProp) => { return [ { component: <YourComponent yourProp={yourProp} /> } ] }

Loki component
<Loki steps={customSteps(youtProp)}

This worked for me!