informed: Select field broken on Microsoft Edge

When selecting an option from a select field on Microsoft Edge, a TypeError with message “Invalid attempt to spread non-iterable instance” is thrown. From what I can tell, it is an issue with babel and this line https://github.com/joepuzzo/informed/blob/ac97d5819ce37098a9b98d99b8348b187bfc6630/src/components/form-fields/Select.js#L25 Cursory google led me to https://github.com/babel/babel/issues/8068, though I’m somewhat new to web development, so I’m unsure if this is the root cause.

Minimum Code for Reproduction: https://codesandbox.io/embed/crimson-river-xezdc

import React from 'react';
import { Form, Select, Option } from 'informed';

export const MalfunctioningSelect = () => (
    <Form>
        <Select field="sampleSelect">
            <Option value="value1">option1</Option>
            <Option value="value2">option2</Option>
            <Option value="value3">option3</Option>
        </Select>
    </Form>
);

Edge Version: Microsoft Edge 44.17763.1.0 Microsoft EdgeHTML 18.17763

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Comments: 15

Most upvoted comments

I will look into this first thing tomorrow.