maximilianpichler / material-ui-selectfield Goto Github PK

import React, { Component } from 'react';
import SelectField from 'material-ui-selectfield';

class DropDown extends Component {
    static getElements(items) {
        return items.reduce((nodes, { value, label }) => {
            return [...nodes, <div key={value} value={value} label={label}>{label}</div>];
        }, []);
    };

    render() {
        const props = {
            items: new Array(50).join('0').split('').map(() => {
                return {
                    value: faker.random.uuid(),
                    label: faker.name.firstName(),
                };
            }),
            onChange: () => alert(12),
            multiple: false,
        };
        
        return (
            <SelectField
                checkPosition="left"
                {...rest}
            >
                {DropDown.getElements(items)}
            </SelectField>
        );
    }
}

export default DropDown;

ERROR in ./node_modules/material-ui-selectfield/es/SelectField.js
Module not found: Error: Can't resolve 'react-infinite' in '/***/node_modules/material-ui-selectfield/es'

SelectField.js:126 Uncaught TypeError: Cannot read property 'some' of null
    at Object.onClick (SelectField.js:126)
    at Object.ListItem._this.handleTouchTap [as onClick] (ListItem.js:243)
    at EnhancedButton._this.handleTouchTap (EnhancedButton.js:146)
    at Object.ReactErrorUtils.invokeGuardedCallback (ReactErrorUtils.js:69)