Deduce select type from component prop for select-multiple (#793)

* Deduce select type from component prop for select-multiple

* Added build script to please codesandbox CI

* Updated node versions in travis config

Author: erikras

.travis.yml

@@ -8,9 +8,9 @@ cache:
 notifications:
   email: false
 node_js:
-  - '8'
   - '10'
-  - '11'
+  - '12'
+  - '14'
 script:
   - npm start validate
 after_success:

package.json

@@ -15,6 +15,7 @@
     "start": "nps",
     "test": "nps test",
     "precommit": "lint-staged && npm start validate",
+    "build": "npm start build",
     "prepublish": "npm start validate"
   },
   "author": "Erik Rasmussen <[email protected]> (http://github.com/erikras)",

src/Field.test.js

@@ -996,6 +996,14 @@ describe('Field', () => {
                 </select>
               )}
             </Field>
+            <Field
+              name="selectMultipleWithoutRenderProp"
+              component="select"
+              data-testid="selectMultipleWithoutRenderProp"
+              multiple
+            >
+              <option>{'Option'}</option>
+            </Field>
           </form>
         )}
       </Form>
@@ -1026,6 +1034,11 @@ describe('Field', () => {
       'You must pass `type="select"` prop to your Field(selectMultipleInput) component.\n' +
         "Without it we don't know how to unpack your `value` prop - []."
     )
+    fireEvent.change(getByTestId('selectMultipleWithoutRenderProp'), {
+      target: { value: ['some value'] }
+    })
+    // error not given, since we can deduce that it's a "select"
+    expect(errorSpy).toHaveBeenCalledTimes(3)
     errorSpy.mockRestore()
   })
 

src/useField.js

@@ -156,7 +156,8 @@ function useField<FormValues: FormValuesShape>(
           const targetType = event.target.type
           const unknown =
             ~['checkbox', 'radio', 'select-multiple'].indexOf(targetType) &&
-            !type
+            !type &&
+            component !== 'select'
 
           const value: any =
             targetType === 'select-multiple' ? state.value : _value