El proxy del servidor de desarrollo de Webpack 5 parece estar siendo ignorado.

En primer lugar, esto funcionó muy bien en webpack 4. Después de actualizar a webpack 5, todo parece estar bien excepto el proxy del servidor de desarrollo. Es como si los valores que pongo allí fueran completamente ignorados.

Todo lo que obtengo es el siguiente error:
“Error ocurrió mientras se intentaba proxy: localhost:3006/api/configuration”

También solía recibir registros del servidor de desarrollo, pero eso también parece estar siendo ignorado.
Por ejemplo: “Proxying from localhost:3006 to localhost:5050”

Versiones:

• webpack – 5.65.0
• webpack-dev-server – 4.7.2
• webpack-cli – 4.9.1

Webpack.dev.js

const path = require("path");
const { merge } = require('webpack-merge');
const HtmlWebpackPlugin = require("html-webpack-plugin");
const ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
const ESLintPlugin = require("eslint-webpack-plugin");

const common = require('./webpack.common.js');

process.env.BABEL_ENV = 'development';
process.env.NODE_ENV = 'development';

module.exports = merge(common, {
    mode: "development",
    devServer: {
        static: path.join(__dirname, "build"),
        historyApiFallback: true,
        port: 3006,
        proxy: {
            // '/api': 'https://localhost:5050',
            '/api': {
                target: 'https://localhost:5050',
                // pathRewrite: { '^/api': '' },
                secure: true,
            },
        },
        client: {
            logging: 'info',
            overlay: false,
        },
        hot: true,
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: "./public/index.html",
            favicon: "./public/favicon.ico",
            title: "PBO Management | Dev | AWSM",
        }),
        new ReactRefreshWebpackPlugin({
            overlay: false,
        }),        
    ],
});