Reactのhoge.module.cssが機能しない。

Question

現在Webpack,TypeScriptを使って開発をしております。

import React from "react";
import NavigationItems from "../Navigationitems/Navigationitems";
import styles from "./Drawer.module.css";
const sideDrawer = (props: any) => {
  let attachedClasses = [styles.SideDrawer];
  if (props.open) {
    attachedClasses = [styles.SideDrawer, styles.Open];
  }
  return (
    <>
      {/* <Backdrop show={props.open} clicked={props.closed} /> */}
      <div className={attachedClasses.join(" ")}>
        <nav className={styles.Close}>
          <NavigationItems />
        </nav>
      </div>
    </>
  );
};
export default sideDrawer;

本来こちらのnavにスタイルが反映されるのですが、されておりませんでした。
対策としまして、こちらのファイルを追加したのですが、機能しませんでした。
お力を貸していただけれると幸いです。

declare module "*.module.css" {
  interface IClassNames {
    [className: string]: string;
  }
  const classNames: IClassNames;
  export = classNames;
}