ReferenceError: process is not defined

I didn’t find process was used in webpack config file, so what might cause this kind of error

[timurcatakli]

I fixed this issue by adding below to webpack v5

      new webpack.DefinePlugin({
        process: { env: {} },
      }),

[flunderpero]

Here it is (with all the unrelated stuff 😃 ):

const path = require("path")
const webpack = require("webpack")

module.exports = {
    assetsDir: "tests/__assets__",
    title: "Last React Material",
    components: "components/*.tsx",
    defaultExample: true,
    require: [path.join(__dirname, "./components/mdc_all.scss")],
    styleguideDir: path.join(__dirname, "dist", "docs"),
    showSidebar: true,
    pagePerSection: true,
    template: {
        head: {
            links: [
                {
                    rel: "preconnect",
                    href: "https://fonts.gstatic.com",
                },
                {
                    href:
                        "https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined",
                    rel: "stylesheet",
                },
                {
                    href: "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400",
                    rel: "stylesheet",
                },
            ],
        },
    },
    theme: {
        fontFamily: {
            base: '"Roboto", sans-serif',
        },
        fontSize: {
            text: 15,
            h1: 36,
            h2: 24,
            h3: 18,
            h4: 16,
            h5: 15,
            h6: 15,
        },
        baseBackground: "#fdfdfc",
        border: "#e0d2de",
    },
    sections: [
        {
            name: "Introduction",
            content: "README.md",
        },
        {
            name: "Components",
            components: "components/*.tsx",
            exampleMode: "collapse",
            usageMode: "expand",
            sectionDepth: 1,
        },
    ],
    webpackConfig: {
        module: {
            rules: [
                {
                    test: /\.tsx?$/,
                    loader: "ts-loader",
                    exclude: /node_modules/,
                    options: {
                        transpileOnly: true,
                    },
                },
                {
                    test: /\.scss$/,
                    use: ["style-loader", "css-loader", "sass-loader"],
                },
            ],
        },
        resolve: {
            extensions: [".tsx", ".ts", ".js", ".jsx", ".scss"],
        },
        plugins: [
            new webpack.DefinePlugin({
                process: {env: {}},
            }),
        ],
    },
}