Generating source maps and using TerserPlugin

[triangletrianglesquareplusx]

Hello. I am trying to use webpack (5.6.0) with TerserPlugin and I want to generate source maps.
My webpack config has dev-tools: sourcemap already but as far as I have read this only means that for example, Chrome can read them, IF they exist.
My TerserPlugin config looks like this:

plugins: [
		...(isProd
			? [
				new TerserPlugin({
					parallel: true,
					terserOptions: {
						sourceMap: process.env.REACT_APP_DOMAIN === "somevalue",
						compress: true,
						mangle: true
					}
				})
			]
			: []),

Is this the proper way to do it? I am running into an issue that I would like to debug but still I am seeing files like:
app_806d6ee3ef63ac7daa.....14 and I am trying to understand what is happening.
Some llm questioning has lead me to an example which says:

new TerserPlugin({
  parallel: true,
  sourceMap: process.env.REACT_APP_DOMAIN === "somevalue", // <-- move here
  terserOptions: {
    compress: true,
    mangle: true
  }
})

and the llm is 'stating' that we should have sourceMap set on the plugin ITSELF not in the terserOptions.
For example this dude:
#19264
Does exactly that for his sourceMap:true

[alexander-akait]

Don't touch sourceMap in terser plugin, you mostly don't need it, we have the devtool option and it control everything related to source maps

[alexander-akait]

https://webpack.js.org/configuration/devtool/

[triangletrianglesquareplusx]

ok thank you for the speedy reply, then if I am not touching this why am I still seeing files like:
app_806d6ee3ef63ac7daa.....14
and not the ACTUAL file causing something?

[alexander-akait]

Can you provide full configuration? Do you enable/disable source map somewhere than devtool?