How can I override the build directory?

I’m trying to override the build folder by changing webpackConfig.output.path, here is my craco.config.js file:

const path = require('path');

const overrideWebpackConfig = ({ webpackConfig }) => {
  webpackConfig.output.path = path.resolve('my', 'custom', 'folder');
  return webpackConfig;
};

module.exports = {
  plugins: [
    {
      plugin: { overrideWebpackConfig }
    }
  ]
};

When running craco build, it works until the very end, when react-scripts tries to print out the gzipped size of all the files. I get the error:

ENOENT: no such file or directory, open '/path/to/project/MyProject/build/static/css/main.16e7b84a.chunk.css'

This is still looking at the build folder, not my/custom/folder. Digging into it, react-scripts has this file node_modules/react-scripts/config/paths.js which is being used. Is there a way to modify this file using craco?

[spartakb]

Replying to an old thread here, but the following approach worked for me so maybe it will help someone searching for an answer in the future.

const path = require('path');

module.exports = {
   webpack: {
        configure: (webpackConfig, { env, paths }) => { 
            paths.appBuild = webpackConfig.output.path = path.resolve('custom-build-dir');
        }
    }
}

PS: Any unexpected issues I should be aware of with this approach?

[shaoyanmin]

const path = require('path');

module.exports = {
   webpack: {
        configure: (webpackConfig, { env, paths }) => { 
            paths.appBuild = webpackConfig.output.path = path.resolve('custom-build-dir');
        }
    }
}

@spartakb you should return webpackConfig in the end of the function. Then it works for me, thank you.