Async anonymous function get lost in production

[vince1995]

Describe the bug

I have a function which calls an async anonymous function. Everything is fine in development but in production the relevant code is lost.

My code:

    getPOIInformation = (index) => {
        const activePOIObject = pois[this.state.activePOIIndex];
        const properties = activePOIObject.geojson.features[index].properties;
        console.log(properties);

        if (!properties.additionalInformation) {

            properties.additionalInformation = "LOADING";

            (async function () {
                const response = await api.getPoiInformation({ type: properties.osmType, id: properties.id });
                properties.additionalInformation = response;
                this.forceUpdate();
            }).bind(this)();

        }

        return properties.additionalInformation;
    }

Code after run build:

a.getPOIInformation = function (e) {
        var t = qe[a.state.activePOIIndex].geojson.features[e].properties;
        return console.log(t),
            t.additionalInformation || (t.additionalInformation = "LOADING"),
            t.additionalInformation
    }

I think there is something in the webpack/babel configuration wrong.

[heyimalex]

I can repro. I think it has to be terser, but it's honestly difficult to debug.

[kzc]

This is a bug in Babel: babel/babel#10306

[kzc]

Technically this is a Babel configuration issue combined with an issue in regenerator-transform.

[vince1995]

@kzc so should I close this issue?