reactjs - CSS tidak diterapkan saat digunakan dengan React, Typescript dan typescript-plugin-css-modules


Saya memiliki pengaturan dengan React dan Typescript dan saya sedang mencoba untuk mengimpor dan menggunakan modul CSS. Saya telah menginstal typescript-plugin-css-modules dan mengubah tsconfig.json dengan menambahkan "plugins": [{ "name": "typescript-plugin-css-modules" }]. Juga, saya memiliki Global.d.ts yang mencakup

declare module "*.module.css" {
  const classes: { [key: string]: string };
  export default classes;
}

Ini adalah webpack.config.js saya

{
   test: /\.css$/,
   use: [
      "style-loader",
      {
         loader: "css-loader",
         options: {
             modules: true,
         },
      },],
},

Sekarang impor di dalam komponen React berfungsi tetapi mereka tidak diterapkan/dirender.

import styles from "./mystyle.module.css"
<span className={styles.StyledSpan}>text</span>

Apa yang mungkin saya lewatkan dalam konfigurasi ini?