How to use the react-scripts/config/webpack.config.prod.js.plugins function in react-scripts

const config = require( 'react-scripts/config/webpack.config.prod.js' );
const { GenerateSW } = require( 'workbox-webpack-plugin' );
const applyWpConfig = require( '../overrides/applyWpConfig' );

// Remove default Workbox plugin.
config.plugins = config.plugins.filter( plugin => ! ( plugin instanceof GenerateSW ) );

// Generate a service worker script that will precache, and keep up to date,
// the HTML & assets that are part of the Webpack build without the navigation
// fallback.
config.plugins.push( new GenerateSW( {
  clientsClaim: true,
  exclude: [ /\.map$/, /asset-manifest\.json$/ ],
  importWorkboxFrom: 'cdn',
} ) );

module.exports = applyWpConfig( config );

const config = require( 'react-scripts/config/webpack.config.prod.js' );
const { GenerateSW } = require( 'workbox-webpack-plugin' );
const applyWpConfig = require( '../overrides/applyWpConfig' );

// Remove default Workbox plugin.
config.plugins = config.plugins.filter( plugin => ! ( plugin instanceof GenerateSW ) );

// Generate a service worker script that will precache, and keep up to date,
// the HTML & assets that are part of the Webpack build without the navigation
// fallback.
config.plugins.push( new GenerateSW( {
  clientsClaim: true,
  exclude: [ /\.map$/, /asset-manifest\.json$/ ],
  importWorkboxFrom: 'cdn',
} ) );

module.exports = applyWpConfig( config );