React Final form Fields component

Fields.js

import React from 'react'
import { Field } from 'react-final-form'

const Fields = ({
  names,
  subscription,
  fieldsState = {},
  children,
  originalRender,
}) => {
  if (!names.length) {
    return (originalRender || children)(fieldsState)
  }
  const [name, ...rest] = names
  return (
    <Field name={name} subscription={subscription}>
      {fieldState => (
        <Fields
          names={rest}
          subscription={subscription}
          originalRender={originalRender || children}
          fieldsState={{ ...fieldsState, [name]: fieldState }}
        />
      )}
    </Field>
  )
}

export default Fields