I think its a xy question.
https://xyproblem.info

i dont know what you mean

click the link

i am not asking about any attempted solution

i am asking how to change the auto generated class names by next.js

Why do you want to do it?

because i do not like the current class names

Can I know which className are you referring to, like which auto generated one?

this for example

Can you share your code

i havent tried to change it yet, because i dont know how

What is the current code of your file of the route?

well, i tried but it does not add the new classnames to the html elements

config.module.rules.push( {
  test: /\.css$/i,
  loader: "css-loader",
  options: {
    modules: {
      localIdentName: "[hash:base64]",
    },
  },
})

shouldnt matter

These are my classNames then. I can't reproduce this issue without it

this is just a normal module css name, {styles.landingPage}

Thats how the file.module.css is built.

It is supposed to generate a random style, so it doesn't clash with another one.

You can just use import "styles.css"

as far as I know, there is no way to change this with your approach