Controls do not work for nested elements

[steven-r]

With formik it's possible to created nested elements:

const initialData = {
  displayName: '',
  name: {
      givenName: '',
      familyName: '',
    }
}

It is now possible to define a field like this:

<Field name="name.givenName" ... />

Using reactstrap-formik controls this doesn't work.

[bradmajewski-at-parchment]

This can easily be done by replacing errors[fields.name] with getIn(errors, fields.name)

The getIn function can be imported from formik: import {getIn} from 'formik';.

I extracted the project into a single file and fixed it here: https://gist.github.com/bradmajewski-at-parchment/7b53fcd484fb554942e43cc5ef8a1fb5