Invariant Violation: Element type is invalid

Expected behavior

When I test with enzyme using shallow render - I should be able to .find(‘DatePicker’) but it returns 0 results. - trying with mount() throws an error

	Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

and that error is on the mount itself before I even try to find it

Actual behavior

Steps to reprodcue

the components under test

<div className='l-flex l-flex-c t-field t-field-pad'>
                <label>
                    LMP
                </label>
                <i className='t-sep'/>
                <span className='t-validation-wrap l-fg1'>
                     <DatePicker
                         locale={'he-IL'}
                         className='t-field-text w100 t-field--date'
                         selected={this.state.selectedDate ? moment(this.state.selectedDate) : null}
                         onChange={this._setDate}
                     />
                </span>
            </div>

[carlostxm]

Changing import to const DatePicker = require('react-datepicker'); worked for me and I can launch tests using jest + enzyme.

However, with this change the application cannot launch and now I’m getting this error in the console:

React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.

[dwilhel1]

Thanks to a coworker pointing this thread out, the expected a string (for built-in components) or a class/function (for composite components) but got: object error we had was resolved with the following:

Old

<DatePicker />

New

<DatePicker.default />