TypeError: this.getOptions is not a function

[philmetzger]

I am trying to use purgeCss in my nextJs project and get the following error when I build

info  - Creating an optimized production build  
Failed to compile.

./components/styles/Index.module.css
TypeError: this.getOptions is not a function

Anyone have any idea whats wrong?

next.config.js:

const webpack = require('webpack');
const path = require('path');
require('dotenv').config();

const withCss = require("@zeit/next-css");
const withPurgeCss = require("next-purgecss");

module.exports = withCss(
    withPurgeCss(
        {
            distDir: '../.next',
            webpack: config => {
                const env = Object.keys(process.env).reduce((acc, curr) => {
                    acc[`process.env.${curr}`] = JSON.stringify(process.env[curr]);
                    return acc;
                }, {});

                config.resolve.modules.push(path.resolve('./'));
                config.plugins.push(new webpack.DefinePlugin(env));

                return config;
            },
            images: {
                domains: ['firebasestorage.googleapis.com'],
            },
        }
    )
);

postcss.config.js:

module.exports = {
    'plugins': {
        'postcss-flexbugs-fixes': {},
        'postcss-preset-env': {
            'autoprefixer': {
                'flexbox': "no-2009"
            },
            'stage': 3,
            'features': {
                'custom-properties': false
            }
        },
        '@fullhuman/postcss-purgecss': {
            'content': [
                './pages/**/*.{js,jsx,ts,tsx}',
                './components/**/*.{js,jsx,ts,tsx}'
            ],
            'defaultExtractor': content => content.match(/[\w-/:]+(?<!:)/g) || [],
            'safelist': ['html', 'body']
        },
    }
}

package.json:

"dependencies": {
    "@ant-design/icons": "^4.5.0",
    "antd": "^4.12.3",
    "dotenv": "^8.2.0",
    "next": "latest",
    "path": "^0.12.7",
    "postcss-flexbugs-fixes": "^5.0.2",
    "postcss-preset-env": "^6.7.0",
    "prop-types": "^15.7.2",
    "react": "^16.13.1",
    "react-device-detect": "^1.11.14",
    "react-dom": "^16.13.1",
    "react-ga": "^2.7.0",
    "react-image-file-resizer": "^0.3.10",
    "sharethis-reactjs": "^1.6.0",
    "webpack": "^4.44.2"
  },
  "devDependencies": {
    "@zeit/next-css": "^1.0.1",
    "next-purgecss": "^4.0.0",
    "postcss": "^8.2.6",
    "postcss-loader": "^5.0.0"
  },
  "engines": {
    "node": "14"
  },

[philmetzger]

Fixed by removing withCss(...) as the latest version of next doesnt need it