How to use the customize-cra.getBabelLoader function in customize-cra

config => {
    const babelLoader = getBabelLoader(config);

    const fieldPaths = primeConfig.fields
      .map(packageName => {
        const absPackageName = packageName.replace(/\/(src|lib)\/?$/, '');
        try {
          return fs.realpathSync(path.resolve(path.join('../../node_modules', absPackageName)));
        } catch (err) {
          return null;
        }
      })
      .filter(pkg => !!pkg);

    babelLoader.include = [].concat(babelLoader.include, fieldPaths);

    return config;
  }

const disableMinimize = () => (config) => {
  config.optimization.minimize = false
  config.optimization.splitChunks = false
  config.devtool = false
  getBabelLoader(config).options.compact = false
  return config
}

module.exports = (config, env) => {
  const babelLoader = getBabelLoader(config);
  config.module.rules.map(rule => {
    if (typeof rule.test !== "undefined" || typeof rule.oneOf === "undefined") {
      return rule;
    }
    rule.oneOf.unshift({
      test: /\.mdx$/,
      use: [
        {
          loader: babelLoader.loader,
          options: babelLoader.options
        },
        "mdx-loader"
      ]
    });
    return rule;
  });