reactjs - Webpack 5: Modul hittades inte: Fel: Kan inte lösa 'stream' i 'probe-image-size'-modulen

Här är bilden på felet. Jag stöter på ett fel när jag använder Webpack 5 med biblioteket probe-image-size i mitt projekt. Felmeddelandet jag får är:

ERROR in ./node_modules/probe-image-size/lib/common.js 3:16-43
Module not found: Error: Can't resolve 'stream' in '/home/jay/Desktop/Darshil/work/gpsatsys/GriffinWebpageSN/GriffinEventLoggerUI/frontend/node_modules/probe-image-size/lib'

Det nämner också:

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

Jag har redan försökt lägga till stream-browserify till mitt projekt och uppdatera webpack.config.js-filen, men jag stöter fortfarande på samma fel.

Här är hur min webpack.config.js ser ut:

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const webpack = require('webpack');
const start = require('./src/index');

module.exports = {
    entry: start,
    output: {
        path: path.resolve(__dirname, 'dist'),  // Output directory
        filename: 'bundle.js',
        publicPath: '/',
    },
    resolve: {
        extensions: ['.tsx', '.ts', '.js'],
        fallback: {
            "stream": require.resolve("stream-browserify"),
            "buffer": require.resolve("buffer/")
        }
    },
    module: {
        rules: [
            {
                test: /\.(ts|tsx)$/,
                exclude: /node_modules/,
                use: 'ts-loader',
            },
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader'],
            },
            {
                test: /\.(png|svg|jpg|gif)$/,
                use: ['file-loader'],
            },
        ],
    },
    plugins: [
        new CleanWebpackPlugin(),
        new HtmlWebpackPlugin({
            template: './public/index.html',
            favicon: './public/favicon.ico',
        }),
        new webpack.ProvidePlugin({
            process: 'process/browser',
            Buffer: ['buffer', 'Buffer'],
        }),
    ],
    devServer: {
        historyApiFallback: true,  // Allows routing in SPA to work properly
        static: path.resolve(__dirname, 'dist'),
        compress: true,
        port: 3000,
    },
};

Kan någon föreslå vad jag kan sakna eller göra fel?

Ytterligare information:

Webpack-version: ^5.92.1 Node-version: 16.20.2 Operativsystem: Ubuntu All hjälp skulle uppskattas mycket!