Awesome Typescript Loader in config-overrides.js

[mitchelldemler]

FYI I had to update my config-overrides.js after updating to the latest version of react-scripts-ts. It seems the webpack config is using the new structure.

Not sure if there's a nicer way to express this:

const oneOf = config.module.rules.find((conf) => {
        return conf.oneOf;
    }).oneOf;
    const rule = oneOf.find((conf) => {
        return (
            conf.use &&
            conf.use.find((use) => {
                return use.loader && use.loader.includes('ts-loader');
            })
        );
    });
    const tsLoader = rule.use[0]; // this doesn't feel right.
    tsLoader.loader = require.resolve('awesome-typescript-loader');
    tsLoader.options = {
        useBabel: true,
        useCache: true,
        errorsAsWarnings: env === 'development',
    };