This is the working state
const options = [
{ text: 'Category 1', value: 'Category 1' },
{ text: 'Category 2', value: 'Category 2' },
]
const Income = ({state, powers }) =>
(
<Form>
<Form.Select label='Main Category' options={options} placeholder='select category'/>
</Form>
)
here’s my problem when using a state to populate my options.
state initialization:
const initState = {
options: [
{ text: 'Category 1', value: 'Category 1' },
{ text: 'Category 2', value: 'Category 2' },
]
}
then pass on to my components like this
const Income = ({state, powers }) =>
(
<Form>
<Form.Select label='Main Category' options={state.options} placeholder='select category'/>
</Form>
)
My form select will be populated however looking into my web console will have this error.