reactjs - Reactブートストラップ - キャッチされていないTypeError:未定義のプロパティ「toUpperCase」を読み取れません

Question

私のクラスは次のとおりです。

import React from 'react';
import Input from 'react-bootstrap';
    export default class FormWidget1 extends React.Component {
        render() {    
            if (!this.props.fields) {
                console.log('no fields passed');
            }
            else {
                console.log(this.props.fields.length);
                console.log(this.props.fields);
            }

            var formFieldList = this.props.fields.map(function(field) {
                console.log("iterating");
                return (
                    <Input type="text" placeholder="testing" label="label" />
                );
            });
            return (
                <div>
                    <form action="">
                        {formFieldList}
                    </form>

                </div>
            );
        }
    }

に置き換える<Input />と<input />、エラーはありません。

スタックトレースには、役に立たない app.jsx のみが表示されます。

なにが問題ですか？