React Semantic-UI Form Select Error


#1

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.