css-loader.txt

react component:

render() {
    const { username, password } = this.state.formData;
    return (
      <div className={style.className}>
        <hgroup>
          <div className="center">
            <h1>Hi</h1>
          </div>
        </hgroup>
        <Form autoFocus className={style.form} onSubmit={this.onSubmit.bind(this)}>
          <div className="login-form-holder">

this is the scss I'm converting:

:local(.className) {
  overflow: hidden;
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;

  .login-form-holder {
    margin: 0 auto;
    width: 340px;
    
    
with css-loader 0.x this is converted to:

._1WxupzofLygwWbaM-WRBQx .login-form-holder {
 margin:0 auto;
 width:340px
}


with css-loader 3.x I'm getting:
  ._1WxupzofLygwWbaM-WRBQx ._3u7Jb5cUZzGzrW_JsQnPrB {
    margin: 0 auto;
    width: 340px; }