Made lazy state getters enumerable (#678)

Author: erikras

src/getters.js

@@ -3,7 +3,8 @@ import type { FormState, FieldState } from 'final-form'
 const addLazyState = (dest: Object, state: Object, keys: string[]): void => {
   keys.forEach(key => {
     Object.defineProperty(dest, key, {
-      get: () => state[key]
+      get: () => state[key],
+      enumerable: true
     })
   })
 }

src/renderComponent.js

@@ -11,12 +11,13 @@ export default function renderComponent<T>(
 ): React.Node {
   const { render, children, component, ...rest } = props
   if (component) {
-    return React.createElement(component, {
-      ...rest,
-      ...lazyProps,
-      children,
-      render
-    })
+    return React.createElement(
+      component,
+      Object.assign(lazyProps, rest, {
+        children,
+        render
+      })
+    )
   }
   if (render) {
     return render(

src/useFormState.test.js

@@ -3,7 +3,7 @@
 import React from 'react'
 import { render, cleanup } from '@testing-library/react'
 import { ErrorBoundary } from './testUtils'
-import { useFormState } from './index'
+import { useFormState, Form } from './index'
 
 describe('useField', () => {
   afterEach(cleanup)
@@ -30,4 +30,21 @@ describe('useField', () => {
     )
     console.error.mockRestore()
   })
+
+  it('state should be enumerable', () => {
+    const Test = () => {
+      const state = useFormState()
+      expect(Object.keys(state).length > 0).toBe(true)
+      return <div>It worked</div>
+    }
+    render(
+      <Form onSubmit={() => {}}>
+        {({ handleSubmit }) => (
+          <form onSubmit={handleSubmit}>
+            <Test />
+          </form>
+        )}
+      </Form>
+    )
+  })
 })