Toastr не отображается при импорте в файл jsx

У меня есть приложение для реагирования, которое использует веб-пакет для объединения JS и CSS в 1 файл и вывода его в папку назначения. Недавно я добавил тостер в один из моих файлов jsx:

import toastr from "toastr";
import "toastr/build/toastr.min.css"

Запустив приложение и просмотрев исходный код, я проверил в браузере (просматривая исходные файлы), что toastr.min.js включен в пакет JS, а toastr.min.css включен в пакет CSS. Однако уведомление тостера не отображается. Ошибки нет, и на несколько секунд справа появляется полоса прокрутки, поэтому я подозревал, что код тостера работает, просто CSS по какой-то причине неправильно оформлен.

Я удалил эту строку:

import "toastr/build/toastr.min.css"

а затем напрямую добавил это в html

<link rel = "stylesheet" type = "text/css" href = "~/css/toastr.min.css" />

и теперь это работает. Но я хочу, чтобы он работал там, где в комплект входит toastr.min.css. Что мне не хватает?

конфигурация webpack

const path = require("path");
const webpack = require("webpack");
const miniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
    entry: {
        home: "./Scripts/Components/Home/main.js",
        login: "./Scripts/Components/Login/main.js",
        vendor: [
            "jquery",
            "react",
            "react-dom",
            "react-router-dom",
            "react-css-modules",
        ]
    },

    mode: "development",

    optimization: {
        splitChunks: {
            cacheGroups: {
                vendor: {
                    chunks: "all",
                    name: "vendor",
                    test: "vendor",
                    enforce: true
                }
            }
        }
    },

    output: {
        publicPath: "/js/",
        path: path.join(__dirname, "/wwwroot/js/"),
        filename: "[name].bundle.js"
    },

    devtool: "source-map",

    plugins: [
        new miniCssExtractPlugin({
            filename: "../css/[name].css"
        }),
    ],

    module: {
        rules: [{
            test: /\.jsx$/,
            exclude: /node_modules/,
            use: {
                loader: "babel-loader",
                options: {
                    presets: ["env", "react"]
                }
            }
        }, {
            test: /\.css$/,
            use: [{
                loader: miniCssExtractPlugin.loader,                        
            }, {
                loader: "css-loader",
                query: {
                    modules: true,
                    localIdentName: "[name]__[local]___[hash:base64:5]"
                }
            }]
        }]
    }
};