Usage of ... and lodash makes typescript output js file without import and causes undefined error

Get this repository: https://github.com/bhouser/jestReactMockTsx

In typescript subdirectory, do:

npm install --save-dev lodash @types/lodash

Replace ParentComponent.tsx with this content:

import * as React from 'react';
import ChildComponent from './ChildComponent';

import * as _ from 'lodash';

function x() {
    return { ..._.isNil };
}

export default function ParentComponent() {
    return (
        <div
            { ...x() }
        >
            <div className="parentComponent">
                <ChildComponent />;
            </div>
        </div>
    );
}

You will see that usage of { ..._.isNil } makes the transformed source to omit the require for ChildComponent.

When you compile the project with tsc, it does it correctly.

I was using this in a real project and it was working. It was abandoned and when I get it again it was full of upgrade issues with react and react-router. After all updates, I’m having this problem.

I tried to downgrade typescript but I still see this with ts-jest.

[kulshekhar]

@asfernandes I just tried this with typescript@2.4.0-dev.20170504 and it passed the test.

[vslinko]

@asfernandes please try typescript@2.4.0-dev.20170504