Styles do not work when connected by modules?

Question

JavaScript

When connecting styles with modules, nothing works.

import React from 'react';
import headerScss from './headerStyle.scss';
import {BodyContainer} from '../Body/body';

export const Header: React.FC = ()=>{
    return(
        <>
        <div className={headerScss.headerContainer}>

But when specifying a class using " ", everything works

import React from 'react';
import headerScss from './headerStyle.scss';
import {BodyContainer} from '../Body/body';

export const Header: React.FC = ()=>{
    return(
        <>
        <div className={'headerContainer'}>

Here are my scss and css rules

Answer 1

Not: A:
import headerScss from './headerStyle.scss';
import './headerStyle.scss';

Answer 2

In options try specifying modules: true