Can’t register gutenberg block with “@wordpress/blocks”

I what to have version control on my new components and want to use custom webpack configuration and i tried to use @wordpress/scripts/config/webpack.config

My webpack.config

const path = require( 'path' );
const MiniCssExtractPlugin = require( "mini-css-extract-plugin" );
const themeDir = './www/wp-content/themes/essenmaster/';
const CssMinimizerPlugin = require( "css-minimizer-webpack-plugin" );

module.exports = ( env ) => {
	return {
		mode: env.environment,
		entry: {
			gutenberg: <code>${themeDir}scr/gutenberg.js</code>,
		},
		plugins: [
			new MiniCssExtractPlugin( {
				filename: <code>../styles/[name]${env.environment === 'development' ? '' : '.min'}.css</code>,
			} ),
		],
		output: {
			path: path.resolve( __dirname, <code>${themeDir}assets/js</code> ),
			filename: <code>[name]${env.environment === 'development' ? '' : '.min'}.js</code>
		},
		module: {
			rules: [
				{
					test: /\.m?js$/,
					exclude: /(node_modules|bower_components)/,
					use: {
						loader: "babel-loader",
						options: {
							presets: ["@babel/preset-env", "@babel/preset-react", "@wordpress/babel-preset-default"],
						},
					},
				},
				{
					test: /\.(sa|sc|c)ss$/,
					use: [
						MiniCssExtractPlugin.loader,
						'css-loader',
						{
							loader:
								'postcss-loader',
							options: {
								sourceMap: true
							}
						},
						'sass-loader'
					]
				}
			],
		},
	};
};

My package.json

"devDependencies": {
    "@babel/core": "^7.17.5",
    "@babel/preset-env": "^7.16.11",
    "@babel/preset-react": "^7.16.7",
    "@wordpress/babel-preset-default": "^6.6.1",
    "babel-loader": "^8.2.3",
    "css-loader": "^6.7.1",
    "css-minimizer-webpack-plugin": "^3.4.1",
    "mini-css-extract-plugin": "^2.6.0",
    "postcss": "^8.4.8",
    "postcss-loader": "^6.2.1",
    "sass": "^1.49.9",
    "sass-loader": "^12.6.0",
    "webpack": "^5.70.0",
    "webpack-cli": "^4.9.2"
  },
  "dependencies": {
    "@wordpress/blocks": "^11.3.1"
  }